div의 텍스트 가운데 맞추기

Question

div에 + 기호를 가운데에 배치하는 방법은 무엇입니까? 여전히 바닥에서 8 픽셀, 5 픽셀로 보인다. 나는 내가 뭘 잘못에 관해서는 알아낼 수 없습니다 : 당신은의 + DIV에 line-height: (value)px를 추가 할 수 있습니다 위/아래 정렬을 해결하고, text-align: center;는 좌/우 위치를 해결하기 위해

 <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

.