How to do vertical align? Explain me. ..please please......

Question

https://code.sololearn.com/Wy24Yith67Mi/?ref=app

Answer 1

For vertical align to work. element should be in inline or inline block.

Try this:
header {
background-color: black;
height: 50px;
}

P {
display: inline-block;
color:white;
width:100%;
text-align:center;
vertical-align: -22px;
}

https://code.sololearn.com/WV7wU3P6hUNB/?ref=app

Answer 2

https://code.sololearn.com/WlV656zR1CoM/?ref=app

Answer 3

https://www.w3schools.com/cssref/pr_pos_vertical-align.asp

Here are various methods for vertical centering

https://vanseodesign.com/css/vertical-centering/

Answer 4

Rstar so using padding Attribute for this.. then what use of "vertical align" attribute?? And where we can use it.

Answer 5

@calvin thanks a lot

Answer 6

This should help:

https://www.sololearn.com/discuss/1607217/?ref=app

Answer 7

You can do it with padding-top: ;