Hi Matt,
I'm trying to vertically align all the items inside an li.
This could be achieved with the valign of a table cell, but tables are not
an option!
The li's are floating left. I want the labels, inputs, p's etc to be
vertically aligned in their containing li.
This is one of the lists I'm using:
<ol>
<li class="elem">
<label for="dname">Display Name:</label>
<input type="text" id="dname" class="tinput" />
</li>
<li class="desc">
<p>Information about preview box etc. If it is more than two
lines or ## characters link to.</p>
<span><a href="">learn more</a></span>
</li>
</ol>
Hope it makes more sense now!
Thanks.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Matt Fellows
Sent: 17 May 2008 15:57
To: [email protected]
Subject: Re: [WSG] Centering all items in a li
A demo would be helpful, but have you tried something along the lines of the
following:
<div id="footer">
<ul>
<li><a href="/link1">Link1</a></li>
<li><a href="/link2">Link2</a></li>
...
</ul>
</div>
div#footer{text-align:center;}
div#footer ul li{display:inline;list-style-type:none; }
Cheers,
--
Matt Fellows
http://www.onegeek.com.au/
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
