Какой самый чистый способ правильно выровнять переключатели / флажки с текстом? Единственное надежное решение, которое я использовал до сих пор, основано на таблицах:

<table>
<tr>
    <td><input type="radio" name="opt"></td>
    <td>Option 1</td>
</tr>
<tr>
    <td><input type="radio" name="opt"></td>
    <td>Option 2</td>
</tr>
</table>

Это может быть осуждается некоторыми. Я только что потратил некоторое время (снова), исследуя безбумажное решение, но потерпел неудачу. Я пробовал различные комбинации поплавков, абсолютного / относительного позиционирования и аналогичных подходов. Мало того, что они в основном молча полагались на предполагаемую высоту переключателей / флажков, но они также вели себя по-разному в разных браузерах. В идеале я хотел бы найти решение, которое не предполагает ничего о размерах или особых особенностях браузера. Я в порядке с использованием таблиц, но мне интересно, где есть другое решение.