标题中的方案：徽标，标语，图像等

Question

我想创建一个这样的架构：

我想知道是否更好地创建徽标和口号的容器。 我也想知道是否更好地为电话图标，phone1，phone2和facebook按钮创建容器..

你能帮助我吗？

Answer 1

试试这个;

HTML：

<div class="warranty">Warranty image goes here</div>
<div class="logo">LOGO Goes Here</div>
<div class="slogan">Slogan goes here</div>

CSS：

.logo{
    background: #4E41FE;
    color: #FFF;
    padding: 4px 4px;
    text-align: center;
    width: 50%;
    margin: 3px;
}
.slogan{
    background: #4E41FE;
    color: #FFF;
    padding: 4px 4px;
    text-align: center;
    width: 50%;
    margin: 3px;
}
.warranty{
    background: #4E41FE;
    color: #FFF;
    padding: 4px 4px;
    text-align: center;
    width: 40%;
    margin-top: 15px;
    float: right;
}

jsfiddle：http://jsfiddle.net/v4GnU/