中心没有固定宽度?

时间:2013-09-13 03:03:11

标签: css

演示http://jsfiddle.net/W86yx/

我想摆脱.center中的300px。我希望main下的所有3 div / p都居中。如果没有固定宽度,我该怎么做?我希望上面的div / p .tblInsideHere更加集中。 div / p应该对齐,因为宽度相同(相同的文本)。然后tblInsideHere应该向左开始更多,并在前一个div / p的右边结束。我该如何居中?

css:

.main {
    background-color:green;
    width: 400px;
    margin: 0 auto;
}
.center {
    margin: 0 auto;
    width: 300px;
    background-color:pink
}
.tblInsideHere > div {
    float: left;
}

HTML:

<div class="main">
    <div class="center">
        blah 
        <span> blah text</span>
        <span> blah text</span>
    </div>
    <p class="center">
        blah 
        <span> blah text</span>
        <span> blah text</span>
    </p>
    <div class="tblInsideHere center">
        <div>blah text blah text</div>
        <div>blah text blah text</div>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

很乐意提供帮助:)

.main {
    background-color:green;
    width: 400px;
    margin: 0 auto;
}
.center {
    text-align:center;
    background-color:pink
}
.tblInsideHere > div{
    display:inline-block;
}