# float.html

/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.4/float.html

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title>CSS Float</title>
            <meta charset="utf-8">
            <style>
                body {
                    width: 500px;
                    background-color: #FFFFFF;
                    color: #000000;
                }
                div {
                    background-color: #F3F1BF;
                    overflow: scroll;
                    width: 300px;
                    height: 100px;
                }
                h1 {
                    background-color: #658B42;
                    padding: 10px;
                    color: #E1DB5F;
                }
                p {
                    font-family: Arial,sans-serif;
                }
                .float {
                    float: left;
                    margin-right: 10px;
                    border: 3px ridge #000000;
                }
                .clearleft {
                    clear: left;
                }
            </style>
        </head>
        <body>
            <h1>Yellow Lady Slipper</h1>
            <div>
                <img class="float" src="yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
                <p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
                <!br class="clearleft">
            </div>
            <h2 class="clearleft">Be Green When Enjoying Wildflowers</h2>
            <p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways &mdash; support organizations dedicated to preserving their habitat. </p>
        </body>

    </html>