CODEWITHSUNDEEP
htmlcsshtml-table
Japie07
Japie07

Reputation: 35

CSS buttons aren't aligned

I want to create the following table: https://fiddle.jshell.net/7zrmd2wa/

The output is good on Fiddle, but if I host it myself then it outputs this, the buttons aren't aligned. https://i.sstatic.net/tzejH.jpg

I've tested it with different browsers.

I don't understand why? And how can I solve it?

Upvotes: 1

Views: 66

Answers (4)

orabis
orabis

Reputation: 2809

Add the following and it should fix the problem. I was able to reproduce your issue when I started the code on a separate html file

#table1 td form{
    display: inline;
}

or

#table1 td form{
    display: table-cell;
}

Upvotes: 1

RoadEx
RoadEx

Reputation: 541

Looking at the sample, it should work unless you've got some additionnal CSS.

Upvotes: -1

Rodrigo Dias
Rodrigo Dias

Reputation: 177

Try add this in your stylesheet:

* {
  padding: 0;
  margin: 0;
  border: none;
}

Try this way: jsfiddle edited

Upvotes: 0

Johannes
Johannes

Reputation: 67798

Add this CSS to get vertical centering in all cells:

td {
  vertical-align: middle;
}

Upvotes: 1

Related Questions