how to set list justify?
![enter image description here][1]


  [1]: http://i.stack.imgur.com/Fww0H.png

please guys help to figure out to align the 

    
    div#content div.info {
        background: url("images/infobox.png") no-repeat scroll 0 0 transparent;
        height: 159px;
        margin-top: 16px;
        width: 262px;
    }
    
    div#content div.info ul {
        list-style: none inside url("images/list-style.png");	
    }
    
    div#content div.info ul li {
        color: #383939;
        font-family: "Century Gothic";
        font-size: 12px;
        font-weight: 500;
        margin-top: 12px;
        padding: 10px 0 0 1px;
        width: 250px;
    }

    <div class="info">
      <ul>
        <li>list one.</li>
        <li>list one two.</li>
        <li>list one two.list one two.list one two.list one two.list one two.list one two.list one two.list one two.</li>
      </ul>
    </div>
how to set list justify?
===

![enter image description here][1]


  [1]: http://i.stack.imgur.com/Fww0H.png

please guys help to figure out to align the 

    
    div#content div.info {
        background: url("images/infobox.png") no-repeat scroll 0 0 transparent;
        height: 159px;
        margin-top: 16px;
        width: 262px;
    }
    
    div#content div.info ul {
        list-style: none inside url("images/list-style.png");	
    }
    
    div#content div.info ul li {
        color: #383939;
        font-family: "Century Gothic";
        font-size: 12px;
        font-weight: 500;
        margin-top: 12px;
        padding: 10px 0 0 1px;
        width: 250px;
    }

    <div class="info">
      <ul>
        <li>list one.</li>
        <li>list one two.</li>
        <li>list one two.list one two.list one two.list one two.list one two.list one two.list one two.list one two.</li>
      </ul>
    </div>