2行li菜单项

Question

我的代码如下：

<ul>
    <li> <a href=""> Custom Decor</a></li>
    <li> <a href=""> Home Exterior </a></li>
    <li> <a href=""> Cleaning Services </a></li>
    <li> <a href=""> Heating & Cooling </a></li>
    <li> <a href=""> Parts, Repair & Maintanence </a></li>
    <li> <a href=""> Energy Effeciency </a></li>
    <li> <a href=""> Sears Telecom </a></li>
    <li> <a href=""> Protection Agreements </a></li>
</ul>

我所拥有的是 -

我想要的是 -

-Decor低于Custom

- 家庭以外的

- 清洁等服务

像这样

两行，两个单词..如何在CSS中执行此操作？

Answer 1

我可以建议你两个解决方案（第二个推荐）：

• 将<br />插入到应插入新行的文本中，或
• 指定商品的CSS宽度，并将 放在应出现在一行中的字词之间。