不定宽使用css居中

<div class="wrap">
    <div class="index-title">
        <div class="bd">
            <div class="t"><i>标题</i>标题标题标题</div>
            <div class="p">内容内容内容内容内容内容内容内容内容内容内容内容</div>
        </div>
    </div>
</div>

.wrap{width:1080px; margin: 0 auto;min-width:1080px;}
.index-title{text-align: center;}
.index-title .bd{border: 3px solid #ccc;display: inline-block;padding: 15px 25px;}
.index-title .bd .t{font-size: 28px;color: #3baf31;font-weight: bold;}
.index-title .bd .t i{color: #3b5bd0;font-weight: bold;}
.index-title .bd .p{font-size: 14px;color: #666;}

这里可以查看效果