如何在XHTML中对齐标签下方的单选按钮

问：

我有一段代码，我需要将标签名称下方的单选按钮对齐

例如：（将 1 和 2 视为单选按钮）
动物
1 猫
2 狗

我想将单选按钮（1 和 2）对齐以放置在字符“A”（动物）而不是“N”的正下方。

我只想通过内联 CSS 来做到这一点，我已经尝试了许多带有填充、边距等的内联 CSS，但没有任何效果。需要帮助！

编辑 - 以下是供参考的代码。

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

注意 - l、z、f 都是第三方定义的标签。