JSFiddle - React, Tailwind, and code Playground

by HattrickNZ

HTML

<h1>Hello World!</h1>
<p>W3Schools background image example.</p>
<p>The background image is only showing once, but it is disturbing the reader!</p>
<div id="container">

    <section>
        <h1 class="left">title0 </h1>
        <img class="left" src="img_tree.png" alt="pic0" style="width:304px;height:228px;">
        <p class="left"><a>word0</a></p>
    </section>

    <section>
        <h1 class="right">title1 </h1>
        <img class="right" src="img_tree.png" alt="pic1" style="width:304px;height:228px;">
        <p class="right"><a>word0</a></p>
    </section>

</div>

CSS

#container {
    display: flex;
    text-align: center;  /* optional */
}