CSS: Center Element в div, содержащем поплавки

Question

У меня есть div с тремя элементами: A, B и C. Я хочу, чтобы A и B были слева и справа, а C - в центре div. Я плаваю A и B влево и вправо и выравниваю B до центра. К сожалению, это не Allign C в центре DIV, но в центре пространства между А и В. Вот это demo

<div id="user-links"> 
    <div class="user-link1"> <a href=""> Timeline </a></div> 
    <div class="user-link"> 5 Following </div> 
    <div class="user-link2"> <a href=""> <strong> + Follow </strong> </a></div> 
</div> 

#user-links { 
    width:500px; 
    height:500px; 
    background-color:red; 
} 
.user-link1 { 
    float: left; 
    margin:5px; 
    width:200px; 
    height:200px; 
    background-color:yellow; 
} 
.user-link2 { 
    float: right; 
    width:150px; 
    height:150px; 
    margin:5px; 
    background-color:blue; 
    } 

.user-link { 
    text-align:center; 
    } 

Как центрировать элемент с соответствующим к основным ДИВАМ и не относительно пространства между 2 divs, размещенными слева и справа?

Answer 1

Вы хотите добавить display: inline; к вашему .user-linkкласса:

.user-link { 
    display: inline; 
} 

Updated fiddle

Update

Я изменил HTML к тому, что я предполагаю, что ваш после:

New Fiddle

Answer 2

если и делать что-то подобное с помощью CSS:

.user-link { 
    text-align:center; 
    float:left; 
    } 

он будет работать, но вы должны дать ширину к нему, потому что если вы не делаете, то оно потеряет структуру в большой записи ...

Answer 3

.user-link { 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 4

Легкий как пирог :)

Float первый и третий слева, и СЕКУНДА дальше один направо.

CSS код:

#user-links { 
    width:800px; 
    height:400px; 
    background:#CCC; 
} 

.user-link1, .user-link2 { 
    float:left; 
} 

.user-link, .user-link1 { 
    width:200px; 
} 

.user-link1 { 
    background:blue; 
} 

.user-link { 
    float:right; 
    background:red; 
} 

.user-link2 { 
    width:400px; 
    background:green; 
} 

JS скрипку: http://jsfiddle.net/MJ6vf/