/*
It's because you have an img using display: block
inside an a tag, which is inline.
*/
/*Move the*/ width: 60%; /*and*/ margin: 0 auto; /*to the a tag with*/
display: block; /*and add*/ width: 100%; /*to img*/
Code Example |
---|
Css :: apply color tint to image |
Css :: css underline |
Css :: html5 video hide timeline bar |
Css :: textarea resize only horizontal |
Css :: css selector not checked |
Css :: how to add a class to a paragraph in css |
Css :: change scrollbar color |
Css :: css blur |
Css :: best box shadow css |
Css :: padding right |
Css :: javascript read me text |
Css :: scss hover |
Css :: css feather border |
Css :: css selector every child except last |
Css :: background-color: transparent; |
Css :: css cursor loading |
Css :: how to add 2 text shadows |
Css :: css sticky navigatiojn |
Css :: center a spinner css |
Css :: display inline-block not working |
Css :: input outline focus |
Css :: css blink animation |
Css :: how to change another element on hover |
Css :: css transform translate rotate |
Css :: how to make background image fit to screen |
Css :: how to make multiple borders using box shadow in css |
Css :: css flex divide evenly |
Css :: li not first child |
Css :: move bullets in css |
Css :: curve bottom of square css |