Question

我想在此网站上制作类似内容（http://omotesundo.com/）。请观看＆＃34; ACCESS＆＃34;部分。如何使用联系信息制作相同的表格？我尝试使用<ul></ul>元素制作它，但它与该网站上的表格不同。

Answer 1

联系信息是图像。对于行间距，您可以使用 ，也可以使用<pre>Text here</pre>显示文字，如下所示

Answer 2

这是一个简单的例子：

HTML

<ul>
    <li>
        <span>Phone<i>:</i></span>
        <p>1212</p>
    </li>

    <li>
        <span>Adress<i>:</i></span>
        <p>here herehere here<br> here</p>
    </li>
</ul>

CSS

ul{list-style:none;}
ul li span{display:block; width:60px; float:left;}
ul li span i{float:right; font-style: normal;}
ul li p{margin-left:63px;}

结果http://jsfiddle.net/vpnypteL/

如何在新行html5上放置空间？

2 个答案: