html/css align text with icon in new line

I have a following code, basically just an icon and text in rows. When text goes into new line it starts from the beginning and I would like to move it to the right so text is always in the line with the icon. It should always start in the same line, where the first line started where I have an icon.

<div class="col-xs-8" style="padding-top: 5px">                      
    <a class="link" href="javascript:void(0);" data-time="${time}">
        <span id="segment-${id}" class="text-left segmentLabel" style="padding-top: 3px">
            <i class="fa-fa road text-left"></i> ${segText}
        </span>
    </a>
</div>


Read more here: https://stackoverflow.com/questions/64402648/html-css-align-text-with-icon-in-new-line

Content Attribution

This content was originally published by learningswift at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: