"Hanging Tab" for LI's?

HTML & CSS
1

Is there a way to create a “hanging tab” like in MS Word for bulleted items in an unordered list?

Here is my code…


	<div class="boxSubSection">
		<!-- Article Links -->
		<div class="subArticles">
			<ul>
				<li><a href="">Billionaire Paulson Loses More Than $300 Million as Gold Falls</a></li>
				<li><a href="">Crude Falls to One-Month Low as Economic Data Signal Less Demand</a></li>
				<li><a href="">J.C. Penney Said to Hire Blackstone to Raise $1 Billion</a></li>
				<li><a href="">Brazil Seeks Higher Power-Auction Rate to Spur Use of Coal, Gas</a></li>
			</ul>
		</div>
	</div>



.subArticles{
	float: left;
	width: 50%;
	margin: 0 0 0 50px;
}

.subArticles ul li{
    list-style-position: inside;
    list-style-type: square;
    padding: 0 0 0.2em 0;
}

The problem is with the second bullet point…

Any ideas how to fix this?

Sincerely,

Debbie

2 
list-style-position: outside;
3

What a stud!! :beer:

Thanks,

Debbie