html - 同一行的内联元素 : how can i do?

Question

我有这个代码。

<div id="header">

    <p>Home</p>
    <p>Home</p>
    <p>Home</p>
    <p>Home</p>

</div>

如何在同一行的中心内联显示此元素？我试过了

#header {
    display:inline;
    margin-left:auto;
    margin-right:auto;

}

但是不工作

Answer 1

试试这个，如果你不想改变你的标记。

#header{
    text-align:center;
}
#header p{
    display:inline; 
}

Js Fiddle Demo