Hola vereis, tengo un problema que parece estúpido pero yo no consigo que funcione. Lo que quiero hacer es esto:
| TextoTexto texto texto texto | Las líneas verticales son el borde del div.
| TextoTexto texto texto texto |
| TextoTexto texto texto texto |
| ----------------------- |
| opcion1 --------- opcion 2 | Estas malditas opciones no consigo ponerlas en su sitio.
| ----------------------- | Las lineas horizontales son espacios en blanco.
Pues vereis, he probado poniendo 2 párrafos, un párrafo dentro de otro, un div dentro de otro, un div dentro de un párrafo, una lista, etiquetas span, y no hay manera.
El mejor resultado lo he conseguido haciendo esto
p.opciones{
display:block;
}
span.opcion2{
margin-left:50%;
}
<p class="opciones"> opcion 1 <span class="opcion 2"> opcion 2 </span> </p>
El problema de esto es que si
cambia la resolución de pantalla se deshace el encanto.
Si le das text-align:right al span no va, claro, y con float:right, solo va en opera, en mozilla y explorer hace cosas raras, para variar.
¿Alguien lo ha hecho y le ha funcionado de alguna manera, para cualquier resolución de pantalla?