JSFiddle - React, Tailwind, and code Playground

by Jak Wings

HTML

<p>这是一个段落。</p>
<p><img class="align-left" src="https://avatars0.githubusercontent.com/u/1451509?s=160"></p>
<p>这是一个段落。</p>
<p><img class="align-center" src="https://avatars0.githubusercontent.com/u/1451509?s=160"></p>
<p>这是一个段落。</p>
<p><img class="align-left" src="https://avatars0.githubusercontent.com/u/1451509?s=160"></p>
<p><img class="align-left" src="https://avatars0.githubusercontent.com/u/1451509?s=32">这是一个段落。</p>

CSS

p {
    text-indent: 2em;
    border: 1px solid red;
}
img {
    border: 1px solid red;
    display: inline-block;
}
img.align-center {
    display: block;
    margin: auto;
}