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

Question

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

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

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

p {
display:inline;
}

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

Answer 1

Здесь у вас есть два варианта:

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

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

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

Answer 2

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