JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="main">
  <div class="class_div1">
  <p class="class_p">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolores.</p>
</div>
<div class="class_div2">
  <a class="class_a" href="#">Button</a>
</div>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}
.main {
  width: 600px;
}
.class_div1 {
  background: #ccc;
  display: block;
  border: 1px solid #000;
}
.class_div2 {
	float: right;
}
.class_a {
  background: yellow;
  display: block;
  border: 1px solid #000;
  width: 50px;
  text-align: center;
  margin-top: -20px;
}