JSFiddle - React, Tailwind, and code Playground

by Shannenpio Cloning

HTML

<blockquote>
&lt;h3 class='date-header'&gt;&lt;span class='author'&gt;&lt;b:if cond='data:top.showAuthor'&gt;&lt;data:top.authorLabel/&gt;&lt;/b:if&gt; : &lt;a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class='post-author vcard'&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt;&lt;/a&gt; &lt;/span&gt;<br />
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;span class='clock'&gt; Posted on &lt;data:post.dateHeader/&gt; - &lt;a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'&gt;&lt;abbr class='updated' expr:title='data:post.timestampISO8601'&gt; &lt;data:post.timestamp/&gt;&lt;/abbr&gt;&lt;/a&gt; &lt;b:if cond='data:post.allowComments'&gt; with &lt;a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'&gt;&lt;b:if cond='data:post.numComments == 0'&gt;No comments&lt;/b:if&gt;&lt;b:if cond='data:post.numComments == 1'&gt;1 comment&lt;/b:if&gt;&lt;b:if cond='data:post.numComments &amp;gt;= 2'&gt;&lt;data:post.numComments/&gt; comments&lt;/b:

CSS

blockquote{font:italic 14px Georgia;margin:10px 25px;padding:10px;line-height:1.6em;color:#333;background:#ddd;border-left:5px solid #aaa;transition:all .3s ease-in-out;position:relative;}