Try setting the image’s display
property to block
:
banner {
height: 100px;
width: 960px;
padding-bottom: 10px;
}
banner img {
border: none;
display: block;
margin: 0 auto;
}
More Related Contents:
- Text in my heading should be top not bottom [closed]
- How do I disable the resizable property of a textarea?
- How do you keep parents of floated elements from collapsing? [duplicate]
- Why do browsers match CSS selectors from right to left?
- How to remove margin space around body or clear default css styles
- How do I change the color of radio buttons?
- How can I draw vertical text with CSS cross-browser?
- Is clearfix deprecated?
- CSS-Only Scrollable Table with fixed headers [duplicate]
- How to style SVG with external CSS?
- Pure CSS multi-level drop-down menu
- How to remove the gutter (spacing) between columns in Bootstrap?
- How to position two elements side by side using CSS
- How to make an HTML anchor tag (or link) look like a button?
- Protect image download
- Make link in table cell fill the entire row height
- Why is text wrapping around a floating element instead of going belows like another div?
- Hiding elements in responsive layout?
- How to make in CSS an overlay over an image?
- Why isn’t my margin working with position: fixed?
- I have position but z index is not working
- HTML list-style-type dash
- Different implementation of Flexbox in Firefox and Chrome
- with fixed and scrollable [duplicate]
- Border around specific rows in a table?
- Object-fit not affecting images
- Word wrap a link so it doesn’t overflow its parent div width [duplicate]
- Is it possible to set a src attribute of an img tag in CSS?
- How to fill 100% of remaining height?
- How to make a table with equal column widths in CSS?