JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<style>
#latest-box {
float:left;
height:100px;
width:630px;
background: #e7e7e7;
}
.img-box {
float:left;
width:150px;
height:90px;
padding:5px;
}
.img-box img{
width:150px;
height:90px;

}
.latest-title a{
float:left;
width:460px;
padding:1px 5px;
color: #1E65AC;
font-size: 18px;
font-weight: bold;
font-family: arial;
text-decoration:none;
}
.latest-title a:hover{
text-decoration:underline;
}
.latest-text{
float:left;
width:460px;
padding:1px 5px;
}
.latest-text a{
color:#003399;
text-decoration:none;
}
.latest-text a:hover{
text-decoration:underline;
}
</style>
</head>
<body>
<div id="latest-box">
	<span class="img-box">
	<a href="http://www.wordpress.com" title="Wordpress.com">
	<img src="http://cdn.sheknows.com/articles/2011/11/woman-shopping-online-sample-sale.jpg">
	</a>
	</span> <!-- img-box -->
	<span class="latest-title">
	<a href="http://www.wordpress.org"
	title="Wordpress.org">
	Wordpress Widget
	</a>
	</span> <!-- title -->
	<span class="latest-text">
	Here comes the text and even a <a href="http://www.google.com.br">Link to google</a> if I want.<br>
	And if I want another text just type and it will appear.<br>
	And a third line of text just to complete the size of the box.
	</span> <!-- text -->
</div> <!-- box -->
</body>
</html>