Question

我有一个非常简单的问题。我在带有标签的网站上创建了几个复选框，我希望它们都是垂直的。现在他们彼此相邻。我认为理想情况下每个盒子都需要被视为有序列表，然后我可以使用CSS进行调整。

但是，在Wordpress中使用PHP代码时，我无法做到这一点。

可在此处找到该页面：http://www.expeditionersafaris.com/placecategory/all-safaris/?multi_city=15

谢谢，

马特

Answer 1

Just put the checkboxes inside <ul> tags
<ul>
<li><input type="checkbox" name="option1" value="opt1"> opt1</li>
<li><input type="checkbox" name="option2" value="opt2"> opt2</li>

</ul>

Answer 2

只需将复选框放在无序列表中：

<ul>
  <li><input ...></li>
  <li><input ...></li>
  <li><input ...></li>
</ul>

这将为您提供一些优秀的SEO友好代码。

Answer 3

将所有复选框放在<li>标记内，如下所示

<ul>
   <li><input type='checkbox'></li>
   <li><input type='checkbox'></li>
   <li><input type='checkbox'></li>
</ul>

如何将此复选框列表放入无序列表？

3 个答案: