JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<div id="holder">
  <div id="undermenu"></div>
  <div id="content">
  <div class="button">
  
    <form>
     <button>Кнопка</button>
     <button>Кнопка2</button>
     <button>Кнопка3</button>
    </form>
    <div class="right"></div> 

  </div>
  <div class="txt">
    <br>
    <br>
    <br>
<p class="text">ТУТ будет текст.</p>
 </div>
  </div>
</div>

CSS

body{
 background: #777675 url('http://img.mota.ru/upload/wallpapers/2014/12/22/12/00/42316/133-1920x1080.jpg') ;
}
#holder{
~    background: #F9FAFB;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   margin:130px auto 0;
   position:relative;
   cursor:auto;
   width: 1024px;
   height: 400px;
   z-index: auto !important;
   overflow: hidden;
}
.button
     {
    overflow: hidden;
     }
.txt
     {
    background: #F9FAFB;  
    height: 250px;
     }
form
    {
~      background: RGBA(233, 222, 125, .3);
      float: left;
    }
.right
    {
      float: left;
      height: 150px;
      width: 100%;
      margin-right: -100%;
      background: #F9FAFB;  
    }
button {
    background: #2E8CE3; /* Цвет фона */
    padding: 7px 30px; /* Поля вокруг текста */
    font-size: 13px; /* Размер шрифта */ 
    height: 150px;
    font-weight: bold; /* Насыщенность шрифта */
    color: #FFFFFF; /* Цвет шрифта */
    text-align: center; /* Надпись на кнопке по центру */
    border: solid 1px #73C8F0; /* Параметры рамки кнопки */ 
    opacity: 0.3;    
}

/* Styles the 'p'-tag. */

p{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 text-indent: 15px;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}


/* Use this (with the 'h4'-tag as header) if you want to quote something. */

.quote{
 margin: 0 30px 10px 50px;
 font: italic 0.8em verdana, sans-serif;
 background-color: #fff;
 padding: 5px;
 text-indent: 0;
 border: 1px #aaa dotted;
}


/* Use this if you don't want first lines on all paragraph to be moved 15px inn */

.noindent{
 text-indent: 0;
}


/* The biggest font. */

h1{
 font: 2em "times new roman", serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* The font below the biggest font. */

h2{
 font: 0.8em georgia, serif;
 margin: -3px 0 0 35px;
 padding: 0;
 color: #aaa;
}


/* Use this for paragraph titles. */

h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin:...