KLL1K3R KLL1K3R - 3 months ago 32
CSS Question

css text-indent equivalent on the right side

I have right-side aligned text and I want it to push it a little bit left like you do with text-indent bur on the right side. Any solution with that?
I've been trying with margin, but IE9 doubles the margin on the first menu item (?).

Heres the 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;
}


The menu is a simply horizontal one.

Answer

There is none, unfortunately there is no text outdent in css, hower, you could use text direction direction:rtl; for some short texts, in that way indent will appear on the other side.