浮动过后的任何元素都成了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;
}

多列布局

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式