JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
BotĂŁo<br>
<button>
   <i class="fa fa-apple"></i> Apple
</button>
<br><br>
<span class="noBold">Item qualquer..</span><br>
<span class="apple">Apple</span>

CSS

body{
    font: 13px Arial;
    font-weight: bold;
}
button{
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px 30px;
}
.apple:before{
   content:"\f179";
   font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding: 0 5px 0 0;
}
.noBold{
    font-weight: normal;
}
}