为何无法对p使用css 的align

Question

<div id="header">
    <img src="images/logo.png" alt="" align="left">
    <p align="right">
        旅游首页 &nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册
    </p>
</div>

图片左边，文字右边，

现在我将行内css 改写：

div#header img{
    align:left;
}
div#header p{
    text-align:right;
}

html也改写

<div id="header">
    <img src="images/logo.png" alt="">
    <p>
        旅游首页 &nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册
    </p>
</div>

效果成了这样

为何

 div#header p{
    text-align:right;
}

将图片排在div#header外面了？

Answer 1

其实我不太理解为什么会在一行。p标签应该是个块级标签。

或许你想要的是 float？