Question

我正在尝试在我的网站上写一个地址。现在它只是居中，但我想让单词的左侧相互对齐，就像在信封上一样。我可以用什么HTML或CSS代码来获得它？

这是我当前的HTML代码：

<p id="center">text</p>
<p id="center">text 1</p>
<p id="center">text 2</p>
<p id="center">text 3</p>

这是我目前的CSS代码：

#center {text-align: center;}

Answer 1

我会更改代码的结构以使用地址标记而不是p标记（地址的每一行在语义上都不是段落）。

试试这个：

address {text-align:center;}
address > span {text-align:left; display:inline-block;}

<address>
    <span>
        Address line 1<br />
        A longer address line<br />
        short<br />
        postcode
    </span>
</address>

Answer 2

根据页面的上下文，有几种方法可以做到这一点，但这是最简单的方法。

   <div id="addresswrapper" style="text-align: left">
        Name</br>
        Address One</br>
        Address Two</br>
        City State, Zip
    </div>

如何写地址？

2 个答案: