JSFiddle - React, Tailwind, and code Playground

by Roman

HTML

<div class="container">
    <div class="row">
        <div class="col-sm-9 col-md-10">
            <div class="panel panel-default">
                <div class="panel-heading">Using &lt;div&gt; tags</div>
                <div class="panel-body">
                    <div class="col-xs-12 alert alert-warning">
                        <i class="glyphicon glyphicon-exclamation-sign"></i>
                        <div>My message here. Lots of text for several lines! My message here. Lots of text for several lines! My message here. Lots of text for several lines! My message here. Lots of text for several lines!</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.alert .glyphicon{
    float:left;
    margin-right:1rem;
}

.alert div{
    overflow:hidden;
}