Question

HTML

<div class="wrapper join-links">
    <ul>
       <li><a href="link">Whatever</a></li>
       <li><a href="link">Something</a></li>
    </ul>
</div>​

CSS

.join-links li {
    float:left;
    margin-right:20px;
}​

Is it somehow possible to align both links “centered” or “justified” inside of the sorrounding wrapper div?

http://jsfiddle.net/CRrmL/

edit: And I also wonder if I can align them right?

Answer 1

Change float: left to display: inline to give you:

.join-links li {
    display: inline;
    margin-right:20px;
}​

You can then use text-align on the parent div.

Example centre align
Example right align