JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<div id="container2">
	<div id="container1">
		<div id="col1">
			<!-- Column one start -->
			
      <img src="https://www.multideas.mx/wp-content/uploads/2018/09/Multideas-01.jpg" style="border: none; width:auto;"  height="45px" >
			<!-- Column one end -->
		</div>
		<div id="col2">
			<!-- Column two start -->
		<?php wp_nav_menu( array('theme_location' => 'my-custom-menu','container_class' => 'custom-menu-class' ) );?>
			<!-- Column two end -->
		</div>
	</div>
</div>

CSS

/* Start of Column CSS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;

}
#container1 {
	float:left;
	width:50%;
	position:relative;

}
#col1 {
	float:left;
	width:30%;
	position:relative;
	left:0%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:70%;
	position:relative;
	left:0%;
	overflow:hidden;
}