JSFiddle - React, Tailwind, and code Playground

by sarahchima

HTML

<html>
	<body>
  	<div class="parent-element">
      <div class="sibling-element">
      	I'm the other sibling element
      </div>
      
    	<div class="main-element">
      	All eyes on me. I am the main element.
      </div>
      
      <div class="sibling-element">
      	I'm the other sibling element
      </div>
    </div>
    
  </body>
<html>

CSS

.main-element {
    position: static;
    left: 10px;
    bottom: 10px;
    background-color: yellow;
    padding: 10px;
}

.sibling-element {
    padding: 10px;
    background-color: #f2f2f2;
}