如何在<ul>开始之前删除此换行符?</ul>

时间:2014-03-05 20:01:27

标签: html css html-lists

很简单,但我无法弄清楚。

我后面跟一个<ul>。我使无序列表具有内联样式,但我希望它与之前的单词位于同一行。

JSfiddle:http://jsfiddle.net/fm74R/4/

使用此模板使其看起来像:&#34;标签:funny unique为帖子添加标签&#34;

谢谢!

2 个答案:

答案 0 :(得分:8)

Working Fiddle

ul{
display:inline-block;
padding:0;
}

答案 1 :(得分:2)

执行此操作的最佳方法是将所有内容显示为内联形式。

HTML:

Tags:
<ul style="list-style: none;">
    <li>funny</li>
    <li>unique</li>
    <li>
        <a href="">Add a tag to the post</a>
    </li>
</ul>

CSS:

li {margin:0; padding:0;display:inline;}
ul {margin:0; padding:0; display:inline;}

http://jsfiddle.net/fm74R/10/