Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

display: list-item; not showing properly

Works in IE and OP



7:17 am on Jan 8, 2007 (gmt 0)

5+ Year Member

To make table less design I used the following code to display two boxes side by side and then used display: list-item instead of <li>. This works perfectly fine with IE and OP but FF lists all the bullets on the left side of the floating box.

float: left;
width: 50%;
padding-left: 30px;
#indexFeaturesL span, #indexFeaturesR span
display: list-item;
padding-bottom: 10px;

<p id="indexFeaturesL">
<p id="indexFeaturesR">

Any suggestions or corrections?



1:46 pm on Jan 8, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

You haven't floated the second paragraph. Floating it makes the bullets appear on the right box too. However, you then have to make the width less than 50% to allow for the padding!


2:20 am on Jan 9, 2007 (gmt 0)

5+ Year Member

Thank you very much Hester, that was it.



Featured Threads

Hot Threads This Week

Hot Threads This Month