CSS: trying to align a <p> on the right

Question

Hi,

i have this page:

login: [email protected]
password: m

I want to have the string "Editar mi perfil" aligned on the right, so i have added:

text-align: right

but it doesn't work,

I have tried also:

float:right

It works but goes a bit upper than I want.

Any idea?

Regards

Javi

Answer 1

The problem is the display:inline. Remove it (and perhaps the top margin, if you don't want it), and it should work.

Answer 2

use <div> instead of <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>

Change proper padding-top:0px; to align

Answer 3

Adding float: right; padding-top: 5px; in enlace_editar_perfil seems to fix it in Firefox. The padding-top will push it down to the position you want it.