JSFiddle - React, Tailwind, and code Playground

by johntrepreneur

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<span>Look at this font awesome icon in IE8...</span>
<div id="main">
    <div id="notsoawesomeinIE8">
        <p><i class="fa fa-circle-thin"></i></p>
    </div>
    <div id="notsoawesomeinIE8">
        <p><i class="fa fa-lg fa-circle-thin"></i></p>
    </div>
    <div id="notsoawesomeinIE8">
        <p><i class="fa fa-2 fa-circle-thin"></i></p>
    </div>
</div>

CSS

body, html {
    min-height: 500px;
    height: 500px;
}
#main {
    height: 100px;
    width: 400px;
    background-color: lightgrey;
}
#notsoawesomeinIE8 {
    height: 50px;
    width: 50px;
    margin: 20px;
    float: left;
    padding: 5px;
    border: 1px solid orange;
    background-color: lightyellow;
    text-align: center;
}