Как я могу получить направление текста справа налево без использования тега p?

Question

У меня динамически появляется div на странице. Я хотел бы иметь возможность скрыть div с помощью кнопки в верхнем правом углу div. Один из способов сделать это - использовать тег p, например:

<p dir="RTL">button</p>

Если это первая строка HTML внутри div, она поместит кнопку в верхнем правом углу div. Тем не менее, это дает мне новую строку выше и новую строку ниже, поэтому кнопка на самом деле не там, где я хочу. Атрибут "dir", похоже, не работает с тегом span, и если я отображаю тег p внутри строки, используя css

p {
display:inline;
}

кнопка больше не выровнена по правому краю. Вместо этого он остается в левом углу. Есть ли способ получить эту кнопку в правом верхнем углу без двух ненужных новых строк и без связки?

Answer 1

HTML dir="rtl" и CSS direction:rtl предназначены для языков, которым это требуется, и лучше не использовать их, если вы не планируете добавлять поддержку иврита и арабского языка на свой сайт. Что касается вашего вопроса, я думаю, вы хотите выровнять текст вправо, что можно легко сделать с помощью text-align:right.

Answer 2

У вас есть два варианта:

1. Избавьтесь от поля на теге p: p { margin: 0; }
2. Используйте div вместо p

Большинство браузеров отображают теги абзаца с верхним и нижним полем в 1em.

Что касается ваших проблем со свойством rtl, какой браузер вы используете? Насколько я знаю, должен работать нормально, пока элемент находится в строке и вы используете правильные символы Юникода.