将文本右对齐

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

为标题类添加text-align

CSS：

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