Using line-height
suggest changeYou can also use line-height
to center vertically a single line of text inside a container :
CSS
div {
height: 200px;
line-height: 200px;
}
That’s quite ugly, but can be useful inside an <input />
element. The line-height
property works only when the text to be centered spans a single line. If the text wraps into multiple lines, the resulting output won’t be centered.
Found a mistake? Have a question or improvement idea?
Let me know.
Table Of Contents