Text adaptive and text adaptive on the left
<! Doctype html>
<Head>
<Title> right text on the left </title>
<Meta charset = "UTF-8">
<Meta name = "Keywords" content = "">
<Meta name = "Description" content = "">
</Head>
<Style>
*{
Margin: 0; padding: 0;
}
Dl {
Width: 90%;
Margin: 20px auto;
Overflow: hidden;
Min-width: 500px;
}
Dt div {
Width: 100px;
Height: 100px;
Float: left;
Background: red;
}
Dd p {
Margin-left: 120px;
}
. P {
Text-align: right;
}
</Style>
<Body>
<Dl>
<Dt> <div> This is an image </div> </dt>
<Dd> <p> I said, "Dad, let's go ." He looked out and said, "I want to buy some oranges. You are here, don't move around ." I think there are a few sellers waiting for customers outside the fence of the platform. When I walked over the platform, I had to go through the railway. I had to jump down and climb up again. My father is a fat man. It takes some trouble to go over. I was supposed to go. He refused, so he had to go. I saw him wearing a black cloth, a big horse, a dark blue cloth, and a cotton gown. he stumbled over to the railway and slowly leaned over. However, it is not easy for him to climb the platform over the railway. He climbed his hands up and his feet up and down; his obese body leaned down to the left, showing the effort. At this moment I saw his back, my tears quickly shed. I quickly wiped my tears. For fear of seeing him or others. When I looked out again, he went back with the red oranges. When he crossed the railway, he first dispersed the oranges on the ground, slowly climbed down, and then picked up the oranges. When I got here, I had to pick him up. He and I went to the car and put the oranges in my fur coat. So I flat the dirt on my clothes and feel very relaxed. After a while, I said, "I'm leaving. Please send a letter over there !" I watched him go out. He took a few steps and looked back at me and said, "Go in, no one is in ." When his back is mixed into the people who come and go, I can't find it. Then I come in and sit down, and my tears come again. <P> <dd> <p class = "p"> 11.10 </p> </dl> <dt> <div> This is an image </div> </dt> <dd> <p> I said: "Dad, let's go." He looked out and said, "I want to buy some oranges. You are here, don't move around ." I think there are a few sellers waiting for customers outside the fence of the platform. When I walked over the platform, I had to go through the railway. I had to jump down and climb up again. My father is a fat man. It takes some trouble to go over. I was supposed to go. He refused, so he had to go. I saw him wearing a black cloth, a big horse, a dark blue cloth, and a cotton gown. he stumbled over to the railway and slowly leaned over. However, it is not easy for him to climb the platform over the railway. He climbed his hands up and his feet up and down; his obese body leaned down to the left, showing the effort. At this moment I saw his back, my tears quickly shed. I quickly wiped my tears. For fear of seeing him or others. When I looked out again, he went back with the red oranges. When he crossed the railway, he first dispersed the oranges on the ground, slowly climbed down, and then picked up the oranges. When I got here, I had to pick him up. He and I went to the car and put the oranges in my fur coat. So I flat the dirt on my clothes and feel very relaxed. After a while, I said, "I'm leaving. Please send a letter over there !" I watched him go out. He took a few steps and looked back at me and said, "Go in, no one is in ." When his back is mixed into the people who come and go, I can't find it. Then I come in and sit down, and my tears come again. <P> <dd>
<P class = "p"> 11.10 </p>
</Dl>
</Body>
</Html>