Unordered List (UL) CSS question

Hey -

Our front end developer is coming up a little short right now - and I'm more of a backend guy...knowing enough about CSS to be dangerous - but in no way proficient.  So - maybe this is a stupid question - but 500 points to whoever can give me the best answer.  :)

We have an unordered list (UL) set.

Inside of that list - I want each list item to look like this.

Item                                                              Price

On the same line - with "Price" right justified.

What would the CSS be to accomplish that?

Thanks in advance!
LVL 2
erzoolanderAsked:
Who is Participating?
 
Tom BeckCommented:
Same thing using style sheet instead of inline:

Style Sheet:

    ul {list-style:none;width:400px;}
    .right {float:right;}
    .left {float:left;}

HTML:

    <ul>
        <li class="left">Item</li>
        <li class="right">Price</li>
    </ul>
0
 
Tom BeckCommented:
<ul style="list-style:none;width:400px;">
        <li style="float:left;">Item</li>
        <li style="float:right;">Price</li>
    </ul>
0
 
erzoolanderAuthor Commented:
Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.