I have a <div> with a border:15px. It has an image on the left-corner as given in the fiddle
http://jsfiddle.net/user1212/e7Gez/17/
Now, this image is pushing down the text from the top. How can I make the text get margin-top:0;
I do not want to use the image as background-image since the 15px border overlaps it.
Any solutions?
Just use
float: left;on your image, see updated Fiddle. You can also use a negativemargin-righton it to prevent it from pushing the text to the left, but then you need to mess with thez-indexof it and the rest of the content, which means additional HTML markup for styling purposes; see this Fiddle.