Text In Table Cells Not Centered As In Headers

August 29, 2023 Post a Comment

CSS: .one { width: 13%; } .two { width: 30%; } .three { width: 30%; } HTML:

Solution 1:

First of all you forgot to close the td after the first input.

<tdclass = "one"><inputtype="text"name="quantity1"value=""/></td>

You can add this css to make them center

td
{
    text-align:center;    
}

Have a look on this EXAMPLE

You can add this to your css:

td.two, td.three {
  text-align:right;
}

You need the td prefix cause your th is using the same css class.

I hope that helps.