CSS vertical-align

Previous Next

Demo of the different values of the vertical-align property.

Click the property values below to see the result:

vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: top;
vertical-align: text-top;
vertical-align: middle;
vertical-align: bottom;
vertical-align: text-bottom;
vertical-align: 0px;
vertical-align: 10px;
vertical-align: 25px;
vertical-align: -25px;
vertical-align: -50px;
vertical-align: 1cm;
vertical-align: 10%;
vertical-align: 50%;
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value
In this paragraph, the blue span change the vertical-align value

Play more with the code in our Tryit yourself editor: Try it Yourself ❯