JSFiddle - React, Tailwind, and code Playground

by saeedneamati

HTML

<div id='target'>
</div>

CSS

a
{
  display: block;  
    width: 200px;
    hegiht: 40px;
    background: red;
    margin: 5px;
}

JavaScript

a = document.createElement('a');
a.style.fontFamily = "Tahoma";
a.innerText = a.style.fontFamily + " - something";
$(a).appendTo($('#target'));

a2 = document.createElement('a');
a2.style.fontFamily = "Tahoma blablabla";
a2.innerText = a2.style.fontFamily + " - something";
$(a2).appendTo($('#target'));

a3 = document.createElement('a');
a3.style.fontFamily = "Tahoma 13654";
a3.innerText = a3.style.fontFamily + " - something";
$(a3).appendTo($('#target'));

a4 = document.createElement('a');
a4.style.fontFamily = "13654 Tahoma";
a4.innerText = a4.style.fontFamily + " - something";
$(a4).appendTo($('#target'));

a5 = document.createElement('a');
a5.style.fontFamily = "Tahoma13654";
a5.innerText = a5.style.fontFamily + " - something";
$(a5).appendTo($('#target'));

a6 = document.createElement('a');
a6.style.fontFamily = "'Tahoma 13654'";
a6.innerText = a6.style.fontFamily + " - something";
$(a6).appendTo($('#target'));