Pushing an UL or LI to the right

Hi,

Is there a way to position an UL or LI a few pixels to the right (or left) without actually putting it in a box (div).

I know that the "left" functions only works on a box so I was wondering if there is any other way of doing so.

Thanks alot

 

Uhm, ok... you seem to misunderstand what a 'box' is - not that we call them 'boxes'... The correct term is 'block level element'

WHERE people get this idea you can only apply values to div's is beyond me - I find out who's been spreading that one they are getting a serious beatdown. Too often you see **** like

<div id="mainMenu">
	<ul>
		<li>Item</li>
		<li>Item</li>
		<li>Item</li>
		<li>Item</li>
		<li>Item</li>
	</ul>
</div>

Code (markup):

where unless you are applying a double border or multiple images, there's NO reason to do that since the same functionality can usually be done:

<ul id="mainMenu">
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
	<li>Item</li>
</ul>

Code (markup):

ANYTHING you can apply to a DIV in CSS you can apply to a UL, a paragraph - in fact you can usually do it to most any tag, even changing the behavior of a tag like anchor by setting display:block;

NOT that you should really be using left with position:relative in the first place since it leaves what I like to call the 'flow box' in place usually leading to headaches from hell. All you need to do is use margin-left.

ul { margin-left:-5px; }

should slide the ul 5px to the left.

ul { margin-left:5px; }

goes to the right.

 

Thanks a lot for your help and explaining the elements.