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

+ div に追加line-height: (value)pxして、上下の配置text-align: center;を解決し、左右の位置を解決できます。