Center buttons in table

2
Hi all! I’m struggeling to center correctly my buttons (see pics). This how the stand:   Because they have been inputed like this:   But they should be nicely in the center both horizontaly and vertivcaly. This means that they should be all thre more to the right and the red and oranje at the height of the date…..   Any Ideas?   Thanks a lot!
asked
6 answers
1

In the first table cell add this style code ‘text-align:center;’

and in the second cell add this code:

text-align:center;
vertical-align: middle;

 

answered
1

To center the buttons vertically in a table add the following style to the table cell

vertical-align: middle;

To center the buttons horizontally add the following style to the container around the butons:

display: flex;

Hope this helps

answered
1

Hi Andrej, no it didn’t work….

 

I put the syles here:

 

answered
1

We are getting closer but still not what I wanted :)

answered
1

Succes! Moved it a bit around and finnaly succeded :)
Thanks all!

answered
0

Try both td and btn, here for a specific col

table tr>td:nth-child(3){
vertical-align: middle!important;
text-align: center;
}
table tr>td:nth-child(3)>button{
margin: auto;
}

answered