Question

我试图缩进网址的第二行，因此它与句子的第一个字母齐平。这可能吗？我知道你可以使用<ul>但我遇到了麻烦，因为它从主.css文件继承了小文本和项目符号。

在右下方看http://test.darkrome.com/official-vatican-museum-partnership - 独家梵蒂冈体验下的3个要点 - 文字不符合

*编辑，用ul - text更新的测试站点符合ul但是压扁的子弹点

Answer 1

您需要使用<ul> <li> ...</li></ul>代替<p><a>...</a></p>来获取无序列表。如果您使用<ul>..</ul>输出，则如下所示： Demo

CSS：

ul {
    padding:0;
    margin:0;
    list-style-type: square;
}

修改

我尝试过这样，工作正常：

<div class="subvmtext"> Dark Rome has exclusive one-of-a-kind tours to make your Vatican experience most memorable <ul> <li> <a style="color: #000000" href="/vatican-tours/vatican-breakfast"> IP Early Breakfast inside the Vatican Museums with Sistine Chapel and St. Peter's Basilica. </a></li> <li> <a style="color: #000000" href="/tours/vatican-tours/vatican-sistine-express-and-st-peters"> Express Sistine Chapel, St. Peter's Basilica, and Vatican Crypt Tour.</a> </li> <li> <a style="color: #000000" href="/tours/vatican-tours/extended-vatican-museum-tour-with-bramante-staircase"> Extended Sistine Chapel Vatican Museums Tour with Bramante Staircase and St. Peter's.</a></li> </ul> </div>

Answer 2

如果你可以访问DOM，我认为最好的方法是在ul：

中添加一个类

<ul class="myclass">
    ...
</ul>

然后，在css：

ul.myclass li a { float: none;}

如果您无法访问css文件，可以将样式内联：

<ul>
    <li>
        <a style="float: none">...</a>
    </li>
</ul>

因此，您不会干扰页面上的其他ul。

我希望它有所帮助。

可以缩进第二行url

2 个答案: