JSFiddle - React, Tailwind, and code Playground

HTML

<div class="copy-block">
    <span style="float:left; width: 100px;">My nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy nameMy name</span>
    <span style="float:left; width: 100px;">is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?is what?</span>
</div>

CSS

.copy-block {
    width: 300px;
    position: relative;
    background: lightblue;
    margin-left: 20px;
}

.copy-block:before {
    content: "*";
    position: absolute;
    left: -15px;
    top: 3px;
        
}