The structure in the td’s is needed to have the elements look as if they are elements
Not sure what that means but ideally you should have three (divs & spans / paragrapfs would work) and not using break tags for spacing…that’s what margins & padding are for.
<td class="transition"> <p class"number">25</p> <p class="shortcode">Mn</p> <p class="element-name">Manganese</p> </td>
Then you just style each class as required.
positions it depending on the area of the screen that the element is in so that it wont get cut off.
How much text are you anticipating?