Skip to content Skip to sidebar Skip to footer
Home / Css / Html

Text In Table Cells Not Centered As In Headers

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.

 <td class = "one"><input type="text" name="quantity1" value=""/></td>

You can add this css to make them center

td
{
    text-align:center;    
}

Have a look on this EXAMPLE


Solution 2:

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.


Post a Comment for "Text In Table Cells Not Centered As In Headers"

Menu Halaman Statis

© 2022 - Html5 Guide
Quantity