Выровняйте ссылку и кнопку в той же строке в CSS

Question

У меня есть ссылка и кнопка, каждая в своем собственном div, а затем завернутая в общий div. Ссылка сосредоточена на странице, а кнопка выровнена в правой части страницы. Я хочу сохранить это, но есть два элемента в одной строке. Как я могу это сделать?

Answer 1

Использование плавает на ваших дивы, что-то вроде этого:

<div class="wrapper"> 
    <div class="center"> 
     center 
    </div> 
    <div class="right"> 
     right 
    </div> 
</div> 

и для CSS:

.wrapper { 
    width: 100%; 
} 

.center { 
    float: left; 
    margin-left: 50%; 
} 

.right { 
    float: right; 
} 

http://jsfiddle.net/uK5hM/