HTML Unordered List CSS?

Something like this will get you close: ul {float: left; list-style-type:none;} ul li {float: left; margin-right:20px;} ul li span {display:block} *edited to address your comment. Take it from there :).

Float:left elements without a clear:both before closing the parent element ( in this case) will yield funny results so you must be careful with that. – DrJokepu Jan 19 '10 at 17:28 Thats pretty close to what I need. I just need to remove the bullets themselves, and add more space between elements.

How can I do that? – Señor Reginold Francis Jan 19 '10 at 17:30.

Following Triptych's response: Be sure to add a or a or anything that implements clear:both behaviour after the tag. To remove the bullets, use the list-style-type property: ul {float: left; list-style-type: none;} To add more space between elements, use the margin property: ul li {float: left; margin: 10px;}.

To add on to @Joel Alejandro and @Tryptych, if you set a width to the ul, the lis will wrap to the next line. However, IE6 will not wrap properly, so if older browsers are a concern, adding a class of "row" to the element at the beginning of every row along with . Row{clear:both} will be the best solution, as @Joel Alejandro noted.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions