Question

Why my div’s background doesn’t show normally? Here’s the code:

<div style="
    width:676px; 
    height:230px; 
    display: inline; 
    margin: 0 0 0 0; 
    background-image: url('http://www.goodsstall.co.uk/ekmps/shops/goodsstall/resources/Design/becomefan.png');">    
</div>

My idea is to make div with width of 676px and height 230px, which would have background image http://www.goodsstall.co.uk/ekmps/shops/goodsstall/resources/Design/becomefan.png

Answer 1

Remove the display:inline then you’ll be able to see it. Working fiddle here.

If you need it to be inline, consider using float: left or display: inline-block.

Float reference.
Display reference.