2

Хотелось бы понять, почему тег span не реагирует на свойство text-align:

<span style="text-align: right !important">123</span>

Нужно что-то придумать, главное не div или p. Хотя можно было и float, но ведь для него, вроде как, center нет.

4 ответа 4

5

Сурово... ну сделайте так, если вам очень нужен span

display: block;
text-align: right;
4
  • @psyсho_Octopus, я наоборот использую span, чтобы не было переносов в таких случаях jsfiddle.net/BFQJ4/2, а Вы тут display: block предлагаете :(
    – ModaL
    Commented 26 авг. 2013 в 11:17
  • 2
    Ссылка битая, а вообще какой вопрос, такой и ответ. Commented 26 авг. 2013 в 11:18
  • Исправил, просто запятая попала под расчёт )
    – ModaL
    Commented 26 авг. 2013 в 11:19
  • Это уже совсем другая задача. Для ее решения можете использовать float:right/left, например Commented 26 авг. 2013 в 11:25
4

http://jsfiddle.net/ZondArt/BFQJ4/1/

Span - это строчный элемент и его ширина = его содержимому, поэтому хоть center, хоть right — изменений видно не будет.

1
  • @ZondArt, я наоборот использую span, чтобы не было переносов в таких случаях jsfiddle.net/BFQJ4/2, а Вы тут display: block предлагаете :(
    – ModaL
    Commented 26 авг. 2013 в 11:17
2

Display: inline-block; width: 500px; text-align: center

0

Нужно родителю задать text-align: center; и тогда span выровняется по центру.

<div style="text-align:center;">
<span>kkk</span>
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.