JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<p class="text" > Смещается в блок </p>
  <div id="animated"></div>

CSS

* {
  margin: 0;
  background: sienna
}

.text {
  font-size: 25px;
  text-align: center;
  position: fixed;
}

.text:hover + #animated{
  dispaly: block;
  float: right;
  width: 300px;
  height: 300px;
  background: #333
}