Как выровнять переключатели под меткой в XHTML

#html #css #radio-button #alignment #xhtml

Вопрос:

У меня есть фрагмент кода, в котором мне нужно выровнять переключатели под названием метки

например:(Рассмотрим 1 и 2 в качестве переключателей)
Животное
1 Кошка
2 Собаки

Я хочу выровнять переключатели(1 и 2) так, чтобы они располагались чуть ниже символа «A»(животное) вместо «N».

Я хотел сделать это только с помощью встроенного CSS, и я перепробовал много встроенных CSS с дополнениями, полями и т. Д., Но у меня ничего не работает. Нужна помощь!

Изменить — Ниже приведен код для справки.

 lt;l:field label="Animal"gt;  lt;z:selectOneRadio id = "A1" value = "#{newEntity.Animal}" layout="pageDirection"   showBorder="false"gt;  lt;f:selectItem itemLabel="Cat"gt;  lt;f:selectItem itemLabel="Dog"gt;  lt;z:selectOneRadiogt; lt;l:field/gt;  

Примечание — l,z,f-все теги, определенные третьей стороной.

Комментарии:

1. поделитесь кодом, пожалуйста, чтобы я мог отработать то, что вы сделали

2. @WebDevDude конечно. теперь отредактировал вопрос с помощью кода.

3. css документа в порядке? не так часто используется для встроенного

4. кстати, код ur буквально не работает в vscode

5. нужно сделать это только встроенным способом 🙁 но если нет, то css документа также приветствуется