CSS : Center Element in div containing floats

Question

我有一个包含三个元素的 div:A、B 和 C。我希望 A 和 B 分别位于最左侧和最右侧，而 C 位于 div 的中心。我将 A 和 B 左右浮动，并将 B 对齐到中心。不幸的是，这并没有将 C 对齐到 div 的中心，而是对齐到 A 和 B 之间的空间的中心。这是一个 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;
  }

如何使元素相对于主 div 居中，而不是相对于左右浮动的 2 个 div 之间的空间居中？

Answer 1

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