Unable to modify the HTML code for this project, I am in need of a CSS-only solution. Dealing with an unpleasant HTML structure that is causing some issues. A side by side comparison on fiddle shows where I'm currently at in the process.
The challenge lies within a fixed-width div housing a fixed-width table. Both are set at 500px as per the example provided. The table consists of rows generated through ASP, each column being 100px, presented inline using float left (not ideal but necessary due to HTML limitations). Additional styling like heights and background colors are purely visual enhancements.
Desired outcome is to have the table columns start from the right rather than the default left alignment. Attempted to float right, only to find links appearing in reverse order, not the desired result.
My best idea thus far involves adjusting table width in CSS and floating it right. While effective for a constant number of rows, it poses challenges when rows are dynamically added or removed.