在div中居中文本

Question

如何居中加號+在div中。它似乎仍然是從底部開始的8個像素和5個像素。我想不出來有什麼我做錯了：

 <div style="background: #ffffff; width: 180px; height: 20px; border: 1px solid #808080;"> 

      <div style="float: left;"><input style="padding-left: 4px; padding-right: 3px; height: 15px; width: 160px; border: none;" type="text"></div> 

      <div style="display:table-cell; vertical-align:middle;font-size: 11pt; color: #779297;">+</div> 

     </div> 

Answer 1

您可以在+ DIV添加line-height: (value)px，解決頂部/底部對齊和text-align: center;解決左/右位置。