stylising bullets and lists in css

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
hame22
Forum Contributor
Posts: 214
Joined: Wed May 11, 2005 5:50 am

stylising bullets and lists in css

Post 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]
User avatar
Skittlewidth
Forum Contributor
Posts: 389
Joined: Wed Nov 06, 2002 9:18 am
Location: Kent, UK

Post 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)
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

it was not...
Post Reply