Question

我无法确定如何使用基本的html和css正确创建运营时间列表。

我试图制作2列。在左侧列中是星期几（text-align:right;），在右侧是小时（text-align:left;），以便当天的右边缘和小时的左边缘在中心。

有没有办法做到这一点并保持2个列表项与中心对齐？

可以使用<dl>或2 <ul>吗？

完成此操作

这是一个视觉Example

右：

   Sunday: Closed
   Monday: 9am - 5pm
  Tuesday: 9am - 5pm
Wednesday: 9am - 5pm
 Thursday: 9am - 5pm

错：

Sunday: Closed
Monday: 9am - 5pm
Tuesday: 9am - 5pm
Wednesday: 9am - 5pm
Thursday: 9am - 5pm

Answer 1

您可以使用普通<table>元素。由于您的数据实际上是一个表，因此在此处使用它并不会感到羞耻。或者，dl也可能有效。

＆＃13;

th {
  text-align: right; 
}

＆＃13;

<table>
<tr><th>Sunday</th><td>Closed</td></tr>
<tr><th>Monday</th><td>9am - 5pm</td></tr>
<tr><th>Tuesday</th><td>9am - 5pm</td></tr>
<tr><th>Wednesday</th><td>9am - 5pm</td></tr>
<tr><th>Thursday</th><td>9am - 5pm</td></tr>
</table>

＆＃13;

如何使用HTML和CSS创建营业时间列表？

1 个答案: