JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="title">
<a>Логин и Пароль</a>
</div>

<div class="left-right">
<p>
Логин
<input type="text">
</p>
<p>
Пароль
<input type="text">
</p>
<p>
Подтвердите пароль
<input type="text">
</p>
</div>
<div class="right">
<p>
Пароль не должен и т.д
</p>
</div>

CSS

body,html{
  padding:0;
  margin:0
}
.title{
  background:orange;
  width:100%;
  height:50px;
  text-align:center
}
.tile a{
      font-size:28px;
      display:block
      border:2px solid red;
}
.title:after{
   display:table;
  content:'';
  clear:both;
}

.left-right{
    display:inline:block;
  width:50%;
  height:200px;
  border:2px solid orange;

}
.left-right{
    display:inline:block;
  width:50%;
  height:200px;
  border:2px solid orange;
  float:left;
}
.left-right p{
  font-size:24px;
  text-align:right;
}
.right{
  display:inline:block;
    width:49%;
  height:200px;
  border:2px solid orange;
    float:left;
    background:yellow;
    }
    .right p{

    }