/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

0 vote173 views2 answers
Nativescript hr
CSS
-1 vote173 views2 answers
How to put different p elements next to each
CSS
1 vote179 views1 answer
Centering items in react css
CSS
7 votes192 views2 answers
Transition css hover
CSS
19 votes193 views4 answers
Scss react
CSS
1 vote145 views1 answer
Change text color li css
CSS
3 votes179 views4 answers
Remove outline on button click
CSS
0 vote193 views1 answer
Jest test try catch
CSS
23 votes187 views5 answers
Linear gradient border
CSS
1 vote192 views1 answer
Css grid minmax function
CSS