Moim celem jest wyrównanie, jak pokazano na załączonym obrazie (pola po lewej mogą mieć dowolną szerokość, ale te po prawej powinny zaczynać się od tego samegoX koordynować).

W tej chwili używam prostego kodu tabeli, aby to osiągnąć:

<table><tr>
<td>Left1</td><td>Right 1</td></tr>
<tr><td>Left 2</td><td>Right 2</td></tr></table>

Słyszałem jednak, że używanie tabel jest ogólnie złe. Czy istnieje sposób na osiągnięcie tego samego projektu przy użyciu CSS? Strona jest przeznaczona dla urządzeń mobilnych, które mogą nie obsługiwać fantazyjnego CSS, więc kod musi być tak prosty, jak to możliwe.

EDYTOWAĆ: ponieważ wciąż od czasu do czasu otrzymuję powiadomienie o tym pytaniu od ludzi, którzy (przypuszczalnie) dopiero zaczynają pracę z HTML, tak jak wtedy, gdy go stworzyłem, proszę zapoznać się z zaakceptowaną odpowiedzią BT, ponieważ jest to zdecydowanie najlepszy sposób na osiągnięcie tego funkcjonalność. Pytanie sugerowane jako „możliwy duplikat” (31 maja 2016 r.) Nie oferuje obecnie podejścia opartego na CSS opartego na tabeli-wierszu / kolumnie-tabeli i wymaga odgadnięcia pracy.