CSS - Vertically centering a single line of text next to an image?

Discussion in 'HTML & Website Design' started by wolfestone, Dec 11, 2007.

  1. #1
    I've tried several methods to get this to work, the closest I came was satisfactory alignment but firefox & opera were running the text underline the whole length of the containing paragraph.

    I need to create something similar to a graphical bulleted list, but each image needs to be unique, and also larger than most bullet points.

    Right now I'm using a table which works perfectly, but I can't help thinking there must be a more efficient way to do this with CSS.

    here's a screenshot of my layout using a table (red border indicates where the containing div is. The links need to have underline on hover. The images are all the same in this demo but will all be different in the final version. They will be the same size however.

    [​IMG]

    Any suggestions would be much appreciated.
     
    wolfestone, Dec 11, 2007 IP
  2. akram

    akram Peon

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi,

    Did you use the "Line-height" in CSS?
     
    akram, Dec 11, 2007 IP