JSFiddle - React, Tailwind, and code Playground

by Max Sinev

HTML

<p>
In the paragraph below, the image will float to the right. A dotted black border is added to the image.
We have also added margins to the image to push the text away from the image:
0 px margin on the top and right side, 15 px margin on the bottom, and 20 px margin on the left side of the image.
</p>
<p>
<div>This is floated text. This is floated text. This is floated text.</div>
<span>This is some text. This is some text. This is some text.</span>
<span>This is some text. This is some text. This is some text.</span>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>

CSS

div
{
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}