How to center the content of an inline block element vertically and horizontally?

Question

<div>Convert tags to inline elements</div><span>2019-3-5</span>

Answer 1

Inline elements are centered horizontally and vertically

div{

text-align:center;

height:30px;

line-height:30px

}