<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
                border:1px solid black;
            }
            .media {
                width: 100px;
                height: 100px;
                float:left;
                background:red;
            }
            .clear-left{
                clear:left;
            }
        </style>
    </head>
    <body>
    	<section>
            <div class="media"></div>
            <p>hello</p>
            <p class="clear-left">universe</p>
        </section>
    </body>
</html>

考察

  1. clear属性：clear的属性的值有"left"、"right"、"both"和"none"