JSFiddle - React, Tailwind, and code Playground

by Arnold Daniels

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.0/css/jasny-bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.0/js/jasny-bootstrap.js"></script>
<div><i class="glyphicon glyphicon-star"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lorem justo, vestibulum ac condimentum vel, posuere vel leo. Aenean laoreet leo eu placerat viverra. Quisque eget massa vitae nibh ornare porttitor luctus vel ligula. Ut hendrerit at tortor eget mollis. Curabitur tristique fermentum sodales. Vestibulum eu enim laoreet, blandit diam sed, placerat erat. Maecenas sollicitudin, turpis at molestie viverra, quam metus sagittis leo, a fermentum sem sem eget mauris. Quisque sed nulla dictum felis pretium porta. In blandit, mi id molestie posuere, metus mauris tempor est, nec porta dolor sapien a lorem. Praesent mattis adipiscing eros vel pretium. Sed at.</div>

CSS

div {
    position: relative;
    padding-left: 1.2em;
}

div .glyphicon {
    position: absolute;
    left: 0;
}