CSS:尝试在右侧对齐<p> </p>

时间:2010-06-08 10:09:34

标签: css

我有page

login: maria@mail.com
password: m

我想在右边对齐字符串“Editar mi perfil”,所以我添加了:

text-align: right

但它不起作用,

我也试过了:

float:right

它有效,但比我想要的要高一些。

有什么想法吗?

此致

哈维

3 个答案:

答案 0 :(得分:0)

问题是display:inline。删除它(也许是上边距,如果你不想要它),它应该可以工作。

答案 1 :(得分:0)

使用<div>代替<p>

<div style="float: left;">
  <h2 id="nombre_apellidos">Maria Galindo Alvarado</h2>
</div>

<div style="float:right;padding-top:0px;" id="editar_o_mensaje">
  <a id="enlace_editar_perfil" href="/rs2/web/miembros/edit/id/2">Editar mi perfil</a>      
</div>

更改正确的padding-top:0px;以对齐

答案 2 :(得分:0)

float: right; padding-top: 5px;中添加enlace_editar_perfil似乎可以在Firefox中修复它。 padding-top会将其推到您想要的位置。