JSFiddle - React, Tailwind, and code Playground

by HugeHugh

HTML

<div class="left-border">
    Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Maecenas nec odio et ante tincidunt tempus. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Phasellus ullamcorper ipsum rutrum nunc. In ut quam vitae odio lacinia tincidunt.
</div>

CSS

* {
    font-family: sans-serif
}
.left-border {
    position: relative;
    padding-left: 20px;
}
.left-border:before {
    background: repeating-linear-gradient(
        -15deg,
        #ccc,
        #ccc 4px,
        transparent 2px,
        transparent 10px);
    width: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content:'';
}