How to center button text vertically

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
Vertical-align doesn’t center the button vertically.

```

div{
height:50px;
width:120px;
border-color:#6495ed;
baground-color:#bcd2ee;
border-style:solid;
border-width:2px;
border-radius:5px;
margin:auto;
text-align:center;
vertical-align:middle;
background-color:#c4cde0;
}

a{
text-decoration:none;
color:white;
}

span{
color:#3b5998;
}

<do not remove the three backticks above>

please read this guide, it covers many ways to center elements/text (horizontal/vertical, uknown/known width)

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.