css文本缩进等效于右侧

Question

我有右侧对齐的文字,我想让它稍微向左推,就像你在右侧的文字缩进bur一样.任何解决方案吗？我一直在试用保证金,但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;
} 

菜单是一个简单的水平菜单.

Answer 1

没有,不幸的是,在css,hower中没有文本突出,你可以使用文本方向direction:rtl;来处理一些短文本,这样缩进就会出现在另一边.

Answer 2

一种简单的解决方案是将“之前” CSS样式应用于您的文本元素，从而消除了以下所有副作用 direction: rtl;

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