JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://lisa:9080/VermilionWeb/VRS4/css/glyphicons.css">
<link rel="stylesheet" href="http://lisa:9080/VermilionWeb/VRS4/css/bootstrap.min.css">
Cut <i class="fa fa-scissors"></i>
Copy <i class="fa fa-files-o"></i>
Paste <i class="fa fa-clipboard"></i>
Special Paste <span class="glyphicons glyphicons-paste"></span>
Step Backward <i class="fa fa-undo"></i>
Step Forward <i class="fa fa-repeat"></i>
Image  <i class="fa fa-picture-o"></i>



Paragraph Alignments:  <i class="fa fa-paragraph"></i>
Left <i class="fa fa-align-left"></i>
Center<i class="fa fa-align-center"></i>
Right <i class="fa fa-align-right"></i>
Justify <i class="fa fa-align-justify"></i>
Left Indent <i class="fa fa-indent"></i>
Right Indent <i class="fa fa-outdent"></i>


Line Break
Page Break
Insert Footnotes
Insert keep with next
Insert Keep Together

Spellcheck <span class="glyphicons glyphicons-log-book"></span>

Bold <i class="fa fa-bold"></i>
Italic <i class="fa fa-italic"></i>
Underline <i class="fa fa-underline"></i>
Stricke through <i class="fa fa-strikethrough"></i>
Superscript <span class="glyphicon glyphicon-superscript"></span>
Subscript <span class="glyphicons glyphicons-subscript"></span>

Bullet List <i class="fa fa-list-ul"></i>
Numbered List <i class="fa fa-list-ol"></i>
Alfabeth List <i class="fa fa-list-alt"></i>
Roman List <i class="fa fa-list"></i>

Text colour <span class="glyphicon glyphicon-text-color"></span>
Background Colour <span class="glyphicon glyphicon-text-background"></span>
HTML <span class="glyphicon glyphicon-embed-close"></span>
Value Wizard <i class="fa fa-magic"></i>

CSS

.fa, span{
  display: inline-block;
  width:100%;
}