Question

I am trying to align span text with an image horizontally:

<div >
      <img src="c:\work\img\logo3.jpg" width="80" height="80" />
      <span><ul>YAD<li>HIM</li></ul></span>
    </div>

Reason of putting words in <ul> is achieve linebreak.

For more refer:http://jsfiddle.net/himanshuy/4LKhX/

Answer 1

To align them centrally add text-align: center; to div.box and remove the margin-left from span. Also add display: block; to span and then you can get rid of the <ul>YAD<li>HIM</li></ul> mess.

Fiddle: http://jsfiddle.net/W6ATN/