我必须设计一个带有两个 h3 的圆圈。它们都应该在左侧排成一列，但仍位于圆圈的中心。
我已经把所有东西都定位好了，但我不知道如何左对齐<h3>。
这是js 小提琴。
好吧，我想我解释错了。我想要<h3>排队的左边。但两者都可能包裹在另一个元素中，应该以圆圈为中心，指的<h3>是最大的width。但是里面的文字是一个示例文字。我不能给一个包装元素一个固定的width并用margin: 0 auto.
问问题
57 次
3 回答
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;}
于 2013-08-14T11:39:08.280 回答
1
删除text-align:center并使用margin:auto. 请检查http://jsfiddle.net/B3vdz/7/。我希望这是你想要的。
于 2013-08-14T13:02:33.113 回答
0
这是你想要的吗？我为文本使用了一个新的 div。
#lefft{
width: 90px;
margin: 0 auto;
padding-top: 50px;
position: relative;
}
于 2013-08-14T11:44:01.497 回答