JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrapper">
<div class="elemento">
<div class="contenido">
<p> Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno.
</p>
</div>
<div class="fixed">
Elemento que
</div>
</div>
<div class="elemento">
<div class="contenido">
<p> Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno.
</p>
</div>
<div class="fixed">
Elemento que
</div>
</div>
<div class="elemento">
<div class="contenido">
<p> Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno. Este es un texto de relleno.
</p>
</div>
<div class="fixed">
Elemento que
</div>
</div>
</div>
CSS
.wrapper{
width: 600px;
}
.elemento {
background-color: blue;
color: white;
padding: 20px;
border-bottom: 2px solid #000;
}
.contenido {
width: 200px;
background-color: red;
padding: 10px;
}
.fixed {
background-color: green;
width: 200px;
padding: 10px;
position: fixed;
top: 30px;
right: 20px;
}