¿Cómo hago para que mi texto sea la dirección de derecha a izquierda sin utilizar una etiqueta p?
-
02-10-2019 - |
Pregunta
Tengo un div de forma dinámica que aparece en una página. Me gustaría ser capaz de ocultar el div con un botón en la esquina superior derecha de la div. Una forma que he encontrado para hacer esto es utilizar una etiqueta p, así:
<p dir="RTL">button</p>
Si esta es la primera línea de código HTML dentro del div, se pone el botón en la esquina superior derecha de la div. Sin embargo, me da una nueva línea anterior y una nueva línea de abajo, por lo que, el botón no es realmente donde yo quiero que sea. El atributo "dir" no parece que el trabajo con una etiqueta span, y si puedo mostrar la línea p etiqueta usando CSS
p {
display:inline;
}
el botón ya no está alineado a la derecha. En su lugar se queda en la esquina izquierda. ¿Hay una manera de conseguir este botón en la esquina superior derecha y sin dos nuevas líneas innecesarias y sin un montón de?
Solución
Existen dos opciones aquí:
- Deshacerse del margen en la etiqueta
p
:p { margin: 0; }
- Utilice un
div
en lugar de unp
La mayoría de los navegadores muestran las etiquetas de párrafo con una tapa y 1 em margen inferior.
En cuanto a sus problemas con la propiedad rtl
, qué navegador está usando? Por lo que yo soy consciente de que debe bien el trabajo con el tiempo que el elemento se encuentra en línea y está utilizando los caracteres Unicode correcta.
Otros consejos
HTML dir="rtl"
y direction:rtl
CSS significaba para los idiomas que así lo requieran, y es mejor no usarlo en caso de que no está planeando añadir el hebreo y el apoyo árabe a su sitio web. En cuanto a su pregunta, supongo que desea alinear el texto a la derecha, que se puede hacer fácilmente usando text-align:right
.