html - 在 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

您可以添加line-height: (value)px+ div，以解决顶部/底部对齐，以及text-align: center;解决右/左位置。