Skip to content Skip to sidebar Skip to footer

Block Element Inside Table Exceeds It Parent Size

I am working on constructing HTML designed for Mail Clients using inline styles and a lot of s. While experimenting with tables I encountered the following phenomena -

Solution 1:

The initial box-sizing value means the padding and border add to the overall width.

The padding is 30px on the left and right, and the border is 3px on the left and right, meaning your overall width is 100% + 30px + 30px + 3px + 3px, which is 66px larger than the 100% width of the td element itself.

Post a Comment for "Block Element Inside Table Exceeds It Parent Size"