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

Popular posts from this blog

qt - switch/case statement in C++ with a QString type -

python - sqlite3.OperationalError: near "REFERENCES": syntax error - foreign key creating -

Python's equivalent for Ruby's define_method? -