浮动过后的任何元素都成了block level element

简单例子

/* html */<p>
    This is my very impoort paragraph.
 I am a distinguished gentleman of such renown that my paragraph
      needs to be styled in a manner befitting my majesty. Bow before
      my splendour, dear students, and go forth and learn CSS!</p>/* CSS */p {    width: 400px;    margin: 0 auto;
}p::first-line {
    text-transform: uppercase;
}p::first-letter {
    font-size: 3em;    border: 1px solid black;    background: red;    float: left;    padding: 2px;
    margin-right: 4px;
}

多列布局

网友评论