JSFiddle - React, Tailwind, and code Playground

by noonon

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset=utf8>
<style type="text/css">
body{font-size:40px;}

.test{
color:red;
font-weight:bolder;
}
</style>
</head>
<body>
The two arabic letters should apear like عربي but they really show as the following in webkit(chrome,safari)
    <p>عرب<span>ي</span></p>
solution:

<p>عرب&#x200d;<span style="color: Red;">&#x200d;ي</span></p>
</body>
</html>