CSS排版练习小作业，文字围绕图片显示，基本的float浮动定位

本文链接：https://blog.csdn.net/qq_45811913/article/details/109561649

简单的css排版
基本的float浮动定位
文字围绕图片显示

css代码，float分成两块

<style type="text/css">
        div.float1{float: left;;width: 570px;height:auto;}
        div.float2{float: right;;width: 600px;height:auto;}
        </style>


body代码  选取豆瓣中diplo的新专辑的信息

```html
<body>
        <center>
        <h1>LABRINTH, SIA & DIPLO PRESENT... LSD</h1>
        </center>
        <br/>
        <br/>
        <br/>
        <div class="float1">
            <h2 style="font: larger;color: black;">Music List</h2>
        <hr/>
        <ul>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Welcome to the Wonderful World Of (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Angel in Your Eyes (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank>">Genius (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Audio (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Thunderclouds (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Mountains (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">No New Friends (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Heaven Can Wait (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">It's Time (feat. Sia, Diplo & Labrinth)</a></li>
            <li><a href="https://music.douban.com/subject/33407365/" target="_blank">Genius (feat. Lil Wayne, Sia, Diplo & Labrinth) [Lil Wayne Remix]
            </a></li>
        </ul>
        <hr/>
        </div>
        <div class="float2">
            <img id="LSD" align='left' class="transition-all" src="IMG_3169(20200915-141312).JPG" width="160">
            　  “When you put Lab and Sia in a room, it’s the craziest concoction,” Diplo told Beats 1 host Zane Lowe. “Two of the most creative people I’ve ever met, like in a boxing match: bam-bam-bam-bam!” Following hits like “Thunderclouds” and “Mountains,” the A-list supergroup—made up of visionary songwriter/producers Labrinth and Diplo alongside the extraordinary Sia—present their first collaborative full-length of shape-shifting, hyperactive pop. Full of left turns and flamboyant instrumental flair, the songs here value largesse: You can hear Diplo’s dancehall rhythms, Sia’s dramatic balladry, and Labrinth’s taste for oddball pairings like gospel-inspired choruses over skittering trap breaks. The intro track, “Welcome to the Wonderful World Of,” swirls together chopped vocals, Jock Jams synths, dizzying digital pings, and a grinding bassline—an amuse-bouche for what follows. It's not quite the vision quest the name suggests; with catchy hooks, soaring melodies, and an appearance from Lil Wayne, the project is closer to classic pop. But it's just strange enough to open a door: Mainstream music just got a little bit weirder.
    </body>