我必须在其中设计一个带有两个h3的圆圈。它们都应该在左侧对齐，但仍然在圆圈中居中。
我已经确定了一切正确但我不知道如何左对齐<h3>。
这是js fiddle。
好吧我想我解释错了。我希望<h3>排成一行。但是两个可能包含在另一个元素中应该以圆圈为中心，引用具有最大<h3>的{{1}}。但是那里的文字是一个示例文本。我不能将包装元素赋予固定width并将其与width定位。
答案 0 :(得分：1)
将H3元素包装在自己的div中，并使用margin: 0 auto定位它。
完成后，您可以简单地在div中左右对齐文本。
例如：
<div class="h3Wrapper">
<h3>Foo</h3>
<h3>Bar</h3>
</div>
CSS：
.h3Wrapper { margin: 0 auto; }
h3 { text-align: left;}
答案 1 :(得分：1)
删除text-align:center并使用margin:auto。请检查http://jsfiddle.net/B3vdz/7/。我希望这就是你想要的。
答案 2 :(得分：0)
这是你想要的吗？ 我在文本中使用了新的div。
#lefft{
width: 90px;
margin: 0 auto;
padding-top: 50px;
position: relative;
}