JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<div id="wrapper_1">
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
</div>
<div id="wrapper_2">
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
</div>
<div id="wrapper_3">
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
</div>
<div id="wrapper_4">
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
</div>
<div id="wrapper_5">
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
    <p>text</p>
</div>

CSS

div#wrapper_1{
    background:#3399FF url("http://forum.mobilestan.net/images/smilies/Animated/dn.gif") no-repeat center;
}
div#wrapper_2{
    background:#3399FF url("http://forum.mobilestan.net/images/smilies/Animated/dn.gif") repeat;
}
div#wrapper_3{
    background:#3399FF url("http://forum.mobilestan.net/images/smilies/Animated/dn.gif") repeat-x;
}
div#wrapper_4{
    background:#3399FF url("http://forum.mobilestan.net/images/smilies/Animated/dn.gif") repeat-y right;
}
div#wrapper_5{
    background:#33CC33 url("http://diecut.ir/img/navbg.png") repeat;
}