Выравнивать текст вправо

Question

Как выравнивать текст вправо. У меня есть контейнер с расширением и сбрасыванием. Я хочу выровнять текст развернуть/свернуть вправо. Я не хочу использовать float:right;. Есть ли другой способ добиться того же.

<div class="container"> 
    <div class="header"><span>Expand</span> 

    </div> 
    <div class="content"> 
     <ul> 
      <li>This is just some random content.</li> 
      <li>This is just some random content.</li> 
      <li>This is just some random content.</li> 
      <li>This is just some random content.</li> 
     </ul> 
    </div> 
</div> 

http://jsfiddle.net/eK8X5/2354/

Answer 1

Вы пробовали Добавляя это в CSS?

text-align: right 

Answer 2

Используйте это:

.header{ 
    text-align:right; 
} 

Это будет работать для вас точно.

Answer 3

Вы можете попробовать это:

Demo

.container .header { 
    background-color:#d3d3d3; 
    padding: 2px; 
    cursor: pointer; 
    font-weight: bold; 
    text-align:right; 
} 

Answer 4

Добавить текст выравнивать к классу заголовка

CSS:

.container .header { 
    background-color:#d3d3d3; 
    padding: 2px; 
    cursor: pointer; 
    font-weight: bold; 
    text-align:right; 
}