JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
<div class="navbar">
<ul class="box">
<li class="active"><a href="test1.html">Test dropdown</a></li>
</ul>
</div>
<div class="text">This the div that should go down due to the submenu ul</div>
</div>

CSS

div.navbar{
background-color:#CCF;
}
ul.box{margin:0;}
div.text{
	background-color:#FFC;
	padding:10px;
}
div.page div.navbar ul.box li.active div.text{margin:100px;}