CSS list of left and right structure

The left and right structure of the image and text mixed CSS list, let's take a look at a screenshot of my cut.

Let's take a look at the effect of the above text around the image. Let's take a look at how css is implemented.

<Div id = 'Jimmy '>

<Dl>

<Dt class = "dt1"> right Image effect </dt>

<Dd> place of text content </dd>

</Dl>

</Div>

The layout is like this. Now let's take a look at how css is written.

. Dt1 {

Height: 250px;

Float: right;

Margin: 0px 0px 0px 0px;

}

Just a few lines of code are all done. Some people may ask why dd is not set to float? Because dd is floating to the left by default, it is unnecessary.

Note: Please indicate www.111cn.net for original reprinted on this site