JSFiddle - React, Tailwind, and code Playground
by levchenko_d
HTML
<div style="display: block; min-width: 400px; width: 100%; background: #EEE; padding-bottom: 50px;">
<h1 style="margin: 0; background: #EEE; padding: 10px 0 0px;">
<span style="display:block;margin: 10px auto; width: 70%; min-width: 400px; max-width: 800px;">
<a href="http://beta.humanreviews.me/" style=" font: bold 18pt/1em calibri, sans-serif; color: white; text-decoration: underline;" title="HumanReviews.me">
<img src="http://humanreviews.me/humanreviews-ny-logo.png"/>
</a>
<a href="https://twitter.com/humanreviews" style="float: right;margin-top: 8px;" title="HumanReviews на твиттере">
<img src="http://humanreviews.me/humanreviews-ny-twitter.png" />
</a>
</span>
</h1>
<div style="display: block; margin: 20px auto 20px; width: 70%; min-width: 400px; max-width: 800px; background: white; min-height: 250px">
<h2 style="text-align: center; font: 18pt/1.5em Myriad Pro,Lucida Grande,Helvetica,Geneva,Arial,Verdana,sans-serif;padding: 40px 0;margin: 0 25px;">
<img style="max-width: 100%" src="http://humanreviews.me/humanreviews-ny-titile.png"/>
</h2>
<p style="margin: 0 25px;">Здравствуйте, __user_firstName__!</p><br/>
<p style="margin: 0 25px;">В декабрьском обновлении мне хотелось сделать проект еще более полезным и защищенным. <br/><br/>Последний месяц велась разработка новой, улучшенной системы отзывов. Системы, которая призвана сделать отзывы максимально честными и надежными. <br/><br/>И я с гордостью представляю вам ряд изменений и улучшений в работе проекта:</p>
<br/>
<p style="margin: 0 25px;min-height: 100px;vertical-align:middle;">
<img src="http://humanreviews.me/humanreviews-documents.png" style="float: left;"/><span style="min-height:100px;display: inline; vertical-align:middle;"><b style="margin-top:40px;">Теперь к отзыву можно прикрепить документ</b>, который будет служить подтверждением, либо опровержением.</span>
</p>
<p style="margin:...
JavaScript
console.log(document.getElementById('test').innerHTML.toString())