结构-行为-样式-Css Div 居中的一个最佳实践

<div class="success-bottom"> <div class="hr-use"></div> <div class="youwant"> <span class="loveicon"></span> <span>你可能还想要</span> </div> <img src="data:images/active.png" /> </div>

.success-bottom { margin-top: 15px; background-color: #fff; border-top: 1px solid #c8c8c8; position: relative;}.success-bottom .loveicon { background: url("bgimg/icon-love.png") no-repeat left center; display: inline-block; width: 25px; height: 26px; position: absolute; background-size: 24px;}.success-bottom span:nth-child(2) { display: inline-block; margin-left: 28px; line-height: 28px;}.youwant { width: 124px; height: 36px; background-color: #fff; z-index:; padding-top: 5px; position: relative; text-align: center; margin-left: auto; margin-right: auto;}.hr-use { width: 100%; height: 1px; border-top: 1px solid #c8c8c8; position: absolute; top: 18px;}