Page 1 of 1

stylising bullets and lists in css

Posted: Fri Aug 12, 2005 10:47 am
by hame22
Hi I am having a problem with a list within my site. Once I remove the indentation from the bullets the text wraps around underneath the bullet, so appears like so:

* wordswrap
underneath bullet

rather than

* words are wrapped
tidily like so

does anyone no why my css is not working

the code I am using is shown below:

Code: Select all

ul li{
	margin: 2px;
	padding: 0px;
}

All help will be appreciated, thanks in advance

alex[/list]

Posted: Fri Aug 12, 2005 10:51 am
by Skittlewidth
Try this in the properties for the <ul> tag

Code: Select all

list-style-position: inside;
or

Code: Select all

list-style-position: outside;
Depending on whether you want it to wrap under the bullet or not.
(I wasn't sure which one you were after)

Posted: Fri Aug 12, 2005 11:04 am
by feyd
it was not...