html - have hyperlink behave link display:block but also have image on same line? -


I have found the following ... I want to extend my hyperlink like to the end of the line Display: block ; But I want the image on the same line as display: in-line; Is there a way to get a hybrid and what do I need?

Edit: Just to clarify ..

I would like the image after the left and hyperlink text, but after that the hyperlink spans the entire line

I set the link just like a block and use the image as a background image for the link. Something padding left and it should look exactly like what you want to do.

  a: link {display: block; Background: URL (http://www.w3schools.com/images/compatible_chrome.gif) No-rimit left center; Padding-left: 30px; / * Whatever you need / line / height: 30px; / * Whatever you want * /}   

edit: changed from height to line-height Text Center vertically

Comments