Css текст-indent эквивалент с правой стороны

У меня есть выравниваемый текст правой стороны, и я хочу, чтобы он немного оттолкнул его так же, как вы, с текстом-отступом на правой стороне. Любое решение с этим? Я пытаюсь с разницей, но IE9 удваивает маржу в первом пункте меню (?).

ЕСТЬ css:

h99
{ padding: 0px;
    font-family: lucida, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

#menublock
{ width: 230px;
    height: auto;
    float: left;
    text-align:right;
    margin-right: 0px;
}

ul
{ list-style-type: none;
  margin:0;
  padding:0;
  overflow: hidden;
}

ul a:link, ul a:visited
{ display: block;
  width: 210px;
  background: transparent;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
    height: 40px;
    color: #ffffff;
    padding: 0px;
    margin: 10px;
}

ul a:hover, .selected
{ background: #484848 !important;
  color: #ffffff !important;
}

Меню является просто горизонтальным.

Ответ 1

Нет, к сожалению, в css, hower нет текстового outdent, вы можете использовать текстовое направление direction:rtl; для некоторых коротких текстов, таким образом отступ появится с другой стороны.

Ответ 2

Сделайте следующее

text-indent: 60px;
direction: rtl;
text-align: left;

f.ardelian указал: пунктуация появится в начале строки, так что abc. появится .abc

Ответ 3

Простым решением является применение стиля "до" CSS для вашего текстового элемента, который отменяет все побочные эффекты direction: rtl;

&:before {
      content: ' ';
      width: 100px;
      float: right;
      height: 5px;
}

Ответ 4

Мне нужно будет увидеть ваш код, однако решение вашей проблемы со старыми браузерами должно включать пустой пробел и применять ширину:

<style>
span.right-adjust {
  display:inline-block;
  width:5px;
}
</style>

<div>Your text here<span class="right-adjust"></span></div>

Трудно сказать, чего вы хотите, не предоставив нам код. Вы также можете применить float: right;

Существует много способов решения проблем со старыми браузерами и CSS.

Надеюсь, что это поможет

Ответ 5

То, что я сделал и работал у меня, было следующим:

text-indent: 20px;
padding-right: 40px;