JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bomdesacanagem.ucoz.com.br/_st/my.css">
<div class="body">
		
		<div class="i1" id="ID-DA-POSTAGEM">
			<div class="i1Img"><img src="http://i.snag.gy/uIuFD.jpg" /></div>
			<div class="i1Content">
				<p class="i1Title">Título da postagem do informativo</p>
				<p class="i1Desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sapien eros, egestas sed laoreet id, rutrum vel mauris. In hac habitasse platea dictumst. Cras dapibus. <b>Ver notícia &raquo;</b></p>
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="i1" id="ID-DA-POSTAGEM">
			<div class="i1Img"><img src="http://i.snag.gy/uIuFD.jpg" /></div>
			<div class="i1Content">
				<p class="i1Title">Título da postagem do informativo</p>
				<p class="i1Date">25-12-2015</p>
				<p class="i1Desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sapien eros, egestas sed laoreet id, rutrum vel mauris. In hac habitasse platea dictumst. Cras dapibus. <b>Ver notícia &raquo;</b></p>
			</div>
			<div class="clear"></div>
		</div>
</div><!-- fim div.body -->

CSS

.clear{clear: both;}
div.body{/*simula largura do site*/
	width:711px; /*original 710px*/
	border:1px solid red; /*borda de marcação*/
	margin:0 auto;
}
.i1:first-child{
	border-top: 0px dashed #888;
	padding: 10px 0 10px 0;
}
.i1{
	border-top: 1px dashed #888;
	padding: 9px 0 10px 0;
}
.i1Img {
	float:left;
	width:200px; /*largura da imagem*/
}
.i1Img img {
	width:200px;
	height:100px;
}

.i1Content{
	float:right;
	width:505px; /* +200px(imagem) + 5px(padding) = 710px*/
	padding-left:5px;
}
.i1Content p {
	margin:0;
	padding:0;
	color:#3a3a3a;
}

.i1Content .i1Title {
	color: #fa825a;
	font-size:20px;
	font-weight:800;
}