Meu objetivo é um alinhamento como mostrado na imagem anexada (os campos à esquerda podem ter qualquer largura, mas os da direita devem começar da mesma forma).X coordenada).

Agora estou usando um código de tabela simples para conseguir isso:

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

No entanto, ouvi dizer que o uso de tabelas é geralmente ruim. Existe uma maneira que eu poderia conseguir o mesmo design usando CSS? O site está sendo projetado para dispositivos móveis que talvez não ofereçam suporte a CSS sofisticado, portanto, o código deve ser o mais simples possível.

EDITAR: desde que eu ainda ocasionalmente recebo uma notificação sobre esta questão de pessoas que (presumivelmente) estão apenas começando com HTML como eu estava quando eu fiz isso, por favor consulte a resposta aceita por BT como esta é de longe a melhor maneira de conseguir isso funcionalidade. A pergunta sugerida como "possível duplicata" (31 de maio de 2016) não oferece atualmente a abordagem baseada em CSS tabela-linha / tabela-coluna e requer que você adivinhe o trabalho.