Despite trying numerous solutions, I am unable to find a CSS fix for my issue.
I'm working with a basic table that consists of rows with two columns. The table has a fixed width of 400px. Initially, the left column is aligned right, and the right column is aligned left, resulting in the following layout:
Table header
===============================
Firstname: John
Lastname: Smith
Age: 49
===============================
However, due to the width of the table being wider than the data, the displayed content does not look visually appealing.
What I aim to achieve is the same output but with both cells now aligned to the left without any padding in front:
Table header
===============================
Firstname: John
Lastname: Smith
Age: 49
===============================
While it may be simple to accomplish this by defining the width of each cell, I do not have prior knowledge of the data.
Hence, I need assistance in removing the padding spaces before the first child of td, although I am uncertain how to do so.
Any advice on this matter would be greatly appreciated.