/CSS/How to bring a text in middle center of a tile css in anchor tag inline elements

How to bring a text in middle center of a tile css in anchor tag inline elements

a,button {
    width: 150px;
    height: 150px;
    border: 1px solid #000;
    text-align: center;
}

a {
    display: table;
    -moz-box-sizing: border-box;
}

a span, button span {
    vertical-align: middle;
    text-align: center;
}

a span {
    display: table-cell; 
}

Source: stackoverflow.com

How to bring a text in middle center of a tile css in anchor tag inline elements

a,button {
  display: inline-block;
  -moz-box-sizing: border-box;
  width: 150px;
  height: 150px;
  vertical-align: middle;
  border: 1px solid #000;
  text-align: center;
}

Source: stackoverflow.com

Similar codes

120 votes161 views3 answers
React import bootstrap css file
CSS
0 vote175 views1 answer
Grape change status code
CSS
0 vote162 views1 answer
Css selector all class prefix
CSS
2 votes158 views1 answer
Transform:translateX()
CSS
67 votes167 views6 answers
Media query in css
CSS
0 vote155 views1 answer
Twig country name
CSS
0 vote149 views1 answer
How to use hr lines in a class css
CSS
0 vote226 views1 answer
Css geight
CSS
28 votes176 views3 answers
Text gradient css3
CSS
0 vote210 views1 answer
React bootstrap carousel not working
CSS Bootstrap