JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="theLines">
         <h1>Line 1</h1>

         <h1>Line 2</h1>

         <h1>Line 3</h1>

         <h1>Line 4</h1>

    </div>
</div>

CSS

#wrapper {
     max-width: 800px;
     margin:0 auto;
     background-color: rgb(201, 238, 219);
 }
 #container {
     position:relative;
 }
 .theLines {
     width: 300px;
     border: solid 1px black;
     padding: 20px;
     margin-left:40px;
 }
 .theLines:before {
     content:"#";
     color:red;
     font-size:3em;
     border: solid 1px red;
     position:absolute;
     left:0;
     display:inline-block;
 }