SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,930
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    "Hanging Tab" for LI's??

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

    Here is my code...
    HTML 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>
    Code CSS:
    .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...
    Attachment 61925


    Any ideas how to fix this?

    Sincerely,


    Debbie

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Code:
    list-style-position: outside;

  3. #3
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,930
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Code:
    list-style-position: outside;
    What a stud!!

    Thanks,


    Debbie


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •