Test Layout

<DOCTYPE html>
<html>
<head>
<title>Test Layout</title>
<style>
.post{
    overflow: hidden;
}
.post-item{
    overflow: hidden;
    padding: 10px;
}
.post-item.left{
    text-align: left;
}
.post-item.left img{
    float: left;
    margin-right: 5px;
}
.post-item.right{
    text-align: right;
}
.post-item.right img{
    float: right;
    margin-left: 5px;
}
</style>
</head>
<body>
<div class="post">
<h1>All Posting</h1>
<div class="post-item left">
<h2 class="title">Judul 1</h2>
<img src="images/image1.jpg" />text content blablablabla blablabla bla bla bla bla
</div>
<div class="post-item right">
<h2 class="title">Judul 2</h2>
<img src="images/image2.jpg" />text content blablablabla blablabla bla bla bla bla
</div>
<div class="post-item left">
<h2 class="title">Judul 3</h2>
<img src="images/image3.jpg" />text content blablablabla blablabla bla bla bla bla
</div>
</body>
</html>