html - 如何在 HTML 中有一个右对齐的列表

标签 html css

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

我有一个嵌套列表,我希望它与头部的右侧对齐。这是一个常规列表的示例: enter image description here

这是我要获取的列表示例:

enter image description here

请注意,列表项与头部的右侧对齐。我尝试使用嵌套列表上的“em”单元将整个东西向左移动,但由于头部长度不同,这没有用。 IE 一个头被命名为“头”,而另一个头被命名为“超长头”,所以需要移动的量是不同的。我试图避免单独设置每个嵌套列表的样式。

那么如何将嵌套列表对齐到头部的右侧呢?

最佳答案

尝试下面的代码,它工作正常。

<ul>
    <label dir="rtl">Head</label>
    <li>Jaw</li>
    <li>Kaiwn</li>
</ul>

关于html - 如何在 HTML 中有一个右对齐的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20415520/

上一篇:html - 页面中的居中列表 <div>

下一篇:javascript - 使用相同的 CSS 样式创建多个复选框

相关文章:

html - <img> 与地址栏一起使用

javascript - Bootstrap One Page Navigation Fluid 站点最小化问题

javascript - 防止多个 AJAX 请求

javascript - 验证码问题

javascript - AJAX 多图像 uploader 出错

javascript - 如何在 javascript 中检查包装器中有多少 div 作为行结算?

css - 如何将 bootstrap dropmenu 宽度设置为 100%?

javascript - 如何通过<th>值获取表<td>内容

html - 如何更流畅地动画化元素内背景渐变的旋转?

html - input.placeholder 文本,vertical-align 属性