How can I center the text vertically on a label button? _html/css_WEB-ITnose

Add

padding-top is because if not, the button There is a point below the icon that will be intercepted.

But why does the a tag have padding-top but the text inside has not changed?
As shown in the picture, how can I center the text in the button vertically?

Image address: http://ccnna.img42.wal8.com/img42/501254_20141114101150/141593117443.jpg

Reply Discussion (Solution)

Use line-height, not padding-top

Add

Add

Use line-height, not padding-top

Add

Add

if If you use line-height, the text is fine, but part of the icon is cut off, as shown in the figure

Use line-height, don't use padding-top
< ;li class="click"> Add

< span> Add

If you use line-height, the text is fine, but part of the icon is truncated. As shown in the figure
Set height and fixed height combined with line-height to vertically center the text