Tell us what’s happening:
I’m unable to center the image because it specifies that the image element should be in a display of block. Adding a display of block to image makes the image shift left. I have tried many solutions in order to center. None has worked so far except removing the display of block, which I am imposed to use.
html
Picture of Steve Jobs
css
#image {
width:80%;
display:block;
max-width:800px;
background-color:#edf0e6;
border-radius:10%;
height:auto;
text-align:center;
border:1px solid black;
}
#img-div{
text-align:center;
border:1px solid black;
}
Your code so far
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36 Edg/103.0.1264.71
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: