How to vertically align

[ryy705]

Hello,

I please take a look at

http://www.jeanbrunone.com/leadtrack/leads.tpl.html

 

I am trying to make it look like :

http://www.wwwcomm.com/designs/webmax/leadTrackerUI.htm

 

I am having trouble lining up the icons,input boxes and go buttons at the top.  I cannot seem to vertically line up the elements.

 

So far I have tried tables, dls, and lists.  Could someone kindly make some suggestions?

[ryy705]

Here is the trouble some code:

<ol>
<li style="display:inline;margin:0"><img alt="search" src="img/search.jpg /></li>
<li style="display:inline;padding-bottom:300px;"><input type="text" name="rangeA" style=""/></li>
<li style="display:inline;margin:0"><img alt="search" src="img/btnGo.jpg" /></li>
</ol>

 

As you can see no matter how much padding I add to the text field it does not move.

[haku]

That's because you have set the display to inline - inline elements don't take padding like that. Set them to block, and float them left (or right). Then you can add padding/margins.