JSFiddle - React, Tailwind, and code Playground

by kreativgeist

HTML

<div class="bar">
  <img id="id1"/>
  
  <!-- I cause trouble -->
	<div id="d">d</div>
  
	<img id="id2"/>
</div>

CSS

.bar {
	height:42px;
	color:white;
	overflow:auto;
	padding:5px;
  width: 200px;
  background-color: #0000ff;
  
  display: flex;
}

#id1, #id2 {
  background-color: #FFFF00;
  width: 40px;
  height: 40px;
  
}

#d {
  width:40px;
  height:40px;
  background-color: #ff0000;
}