/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

1 vote197 views6 answers
Tailwind css in react
CSS
1 vote224 views1 answer
Mini-css-extract-plugin
CSS
0 vote189 views2 answers
Css gradient rgba to hex
CSS
9 votes215 views3 answers
Css grid repeat
CSS
4 votes207 views2 answers
Can we use material ui and tailwind css together
CSS
2 votes190 views10 answers
Css
CSS
0 vote226 views1 answer
Terminal download website source code
CSS
1 vote194 views2 answers
Css animated background
CSS
0 vote181 views1 answer
Mailto link with no decoration
CSS
0 vote198 views1 answer
Hovered one element change styles for another css
CSS