Question

首先，我是新手，刚刚开始编码。出于某种原因，我无法将CSS float类应用于图像。无论何时我尝试加载float类，它都不会为我加载。

这就是我所拥有的：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <title>Lab3-2</title>

        <style type="text/css">
            body {
                font-family: Arial,Verdana,Garamond;
                font-size: 11pt;
            }

            h1,
            h2,
            h3 {
                color: #19212d;
            }

            ul {
                list-style-type: square;
            }

            a {
                color: black;
            }

            a:hover {
                background: #19212d;
                color: white;
            }

            span {
                color: #19212D;
                font-weight: bold
            }

            .align-right {
                float: right;
                margin-left: 5px;
                margin-right: 5px;
            }

            .align-left {
                float: left;
                margin-left: 5px;
                margin-right: 5px;
            }
        </style>
    </head>
    <body>
        <h1>Tierra Peak Hiking</h1>
        <p>
            <span>Tierra Peak Hiking</span> arranges a wide variety of day hikes for families, friends, and teams. 
            Imagine yourself hiking along a creek or viewing the beauty of the valley from the peak of a hiking trail. Stop by one of our offices.
        </p>

        <h3>Things to see:</h3>
        <ul>
            <li>Icicle Creek</li>
            <li>View the Valley</li>
        </ul>

        <img class="align-left" src="/creek.jpg" width="259" height="387" alt="creek" />
        <p>
            Take a long hike along Icicle Creek and watch the majestic waters flow. Enjoy the soothing sounds of the rushing water while standing amidst the surrounding trees.
            This hike is rated a double-boot because the climbing is moderately strenuous. However, the land immediately around the creek is flat and allows for frequent rest stops.
        </p>
        <br/>
    </body>
</html>

无法应用CSS Float

0 个答案: