JSFiddle - React, Tailwind, and code Playground

by koh_edwin

HTML

<!DOCTYPE html>
<html>

<head>
	<style>
		.main {
			display: flex;
		}
	</style>
</head>

<head>
	<div class="main">
		
		
    
    
    
    <div style="display: flex;
  
  align-items: center;
  height: 30px;
  width: 300px;
  border: 3px solid green; ">
			<img src="https://www.w3schools.com/tags/img_girl.jpg" style="width:30px;height:30px;">	
						<span id="span1" style="padding-left:10px;color:black;font-size:15px;margin: 0;
  ">this is a test this is a test this is a test</span>
					
		</div>
	</div>
</head>

</html>