浮动模型、文字溢出处理、相对于浏览器居中

浮动模型

    <div class="wrapper">
        <div class="content">1</div>
        <div class="content">2</div>
        <div class="content">3</div>
        <p></p>
    </div>

   *{
        margin: 0;
        padding: 0;
    }
    .wrapper{
        border: 1px solid black;
          }
    .content{
        float: left;
        width: 100px;
        height: 100px;
        color: #fff;
        background-color: black;
    }
    p{
        border: 0;
        clear: both;
    }

文字溢出处理

多行文本只截断，不打点

让容器内的东西相对于浏览器居中处理

效果

文字对齐处理
行级块元素或者文本类元素里包含文字，外面的文字将和里面的文字底对齐。

效果