JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="burner">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?
uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/>
<li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Введите Ваш email') this.value=''" value="Введите Ваш email"/></li>
<li class="inputSub"><input type="submit" value="Подписаться" /></li>
</form>
</ul>

CSS

.burner {list-style:none;margin-top:20px; }
.burner li{display:block; float:left;}
.burner li:input{ border: 0 none; background: none;}
.burner li.inputForm {border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;  -khtml-border-radius:5px 0 0 5px; border:1px solid #1d588a;}
.burner li.inputForm input{border:0;margin-left:10px;width:215px;}
.burner li.inputSub {border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;  -khtml-border-radius:0 5px 5px 0; border:1px solid #1d588a;background-color:#1d588a;}
.burner li.inputSub input{border:0;padding:0 5px; color:#ffffff;background-color:#1d588a;}