CSS: пытается выровнять <p>справа

Question

У меня есть страница :

login: maria@mail.com
password: m

Я хочу, чтобы строка «Editar mi perfil» была выровнена по правому краю, поэтому я добавил:

text-align: right

но это не работает,

Я пробовал также:

float:right

Это работает, но идет немного выше, чем я хочу.

Есть идеи?

С уважением

Хави

Answer 1

используйте <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; для выравнивания

Answer 2

Добавление float: right; padding-top: 5px; в enlace_editar_perfil, кажется, исправляет это в Firefox. padding-top опустит его в нужное положение.

Answer 3

Проблема в display:inline. Удалите его (и, возможно, верхнее поле, если оно вам не нужно), и оно должно работать.