[thelist] ul li different coloured bullets and text

ben morrison morrison.ben at gmail.com
Tue Mar 22 11:06:46 CST 2005


I just had a quick play with changing the bullet colour without any
extra spans, by using a border - works fine unless my list item goes
over the line-length, could anyone see any possible fixes?

	<style type="text/css">
	ul {
	margin:0;
	padding:0;
	}
	ul li {
	margin:10px 0;
	padding:0 0 0 5px;
	list-style:none;
	border-left:0.5em solid #ccf;
	/* border-top:1px solid #fff;
	border-bottom:1px solid #fff; */
	font-family:arial, verdana, sans-serif;
	font-size:1em;
	line-height:0.5em;
	}
	</style>


	<ul>
		<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
		<li>Vivamus nulla nulla, bibendum sed, luctus sed, eleifend at, sem.
Nunc ipsum massa, interdum et, eleifend in, volutpat quis, risus.</li>
		<li>Proin sed dui. Donec commodo. Curabitur eget urna et felis
condimentum sodales.</li>
		<li>Nulla congue. Curabitur nec nulla nec mi tristique condimentum.</li>
		<li>Donec a wisi. Donec vestibulum feugiat quam.</li>
	</ul>


More information about the thelist mailing list