JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>hello</h1>
    <p>lorem ipsum</p>
    <p>Lorem ipsum dolores sit toto amen, hello mum, this is my sample, I love cats, let's go ! bisous ! read more about this post.
Lorem ipsum dolores sit toto amen, hello mum, this is my sample, I love cats, let's go ! bisous ! read more about this post</p>
</div>

CSS

body {
margin:20px;  
line-height: 20px;
/* line */
background: -webkit-linear-gradient(#fff 0%, #fff 97%, #999 100%);
background: -moz-linear-gradient(#fff 0%, #fff 90%, #999 100%);
background-size: 20px 20px;
vertical-align:baseline;    
}

h1{
font-size:18px;
}
h1,p{
margin-top:0px;
}
div *:before{
content:"";
vertical-align:baseline;
height:20px;
width:20px;
background:#ddd;  
display:inline-block;    
}
div *:after{
content:"";
vertical-align:top;
height:20px;
width:20px;
background:#000; 
margin:20px 0 0 0;    
display:inline-block;   
line-height:1
        ;    
}