JSFiddle - React, Tailwind, and code Playground

HTML

<div id="frame-third">
		<div id="shell">
			<div id="title-holder"><span class="section-title">Τελευταία Νέα</span></div>
			<div class="content">
				<h2><a href="#">Τί είναι το Lorem Ipsum;</a></h2>
				<p class="left">
					<a title="Τί είναι το Lorem Ipsum;" data-lightbox="example-set" href="#" class="example-image-link">
						<img border="0" align="left" class="example-image article-photo" title="Τί είναι το Lorem Ipsum;" alt="Τί είναι το Lorem Ipsum;" src="http://assets.barcroftmedia.com.s3-website-eu-west-1.amazonaws.com/assets/images/recent-images-11.jpg">
					</a>
				</p>
				<p class="right">Το Lorem Ipsum είναι απλά ένα κείμενο χωρίς νόημα για τους επαγγελματίες της τυπογραφίας και στοιχειοθεσίας. Το Lorem Ipsum είναι το επαγγελματικό πρότυπο όσον αφορά το κείμενο χωρίς νόημα, από τον 15ο αιώνα, όταν ένας ανώνυμος τυπογράφος πήρε ένα δοκίμιο και ανακάτεψε τις λέξεις για να δημιουργήσει ένα δείγμα βιβλίου...
					<a href="#" class="read-more">Περισσότερα</a>
				</p>
			</div>
			
			<div class="content">
				<h2><a href="#">Από που προέρχεται;</a></h2>
				<p class="left">
					<a title="Από που προέρχεται;" data-lightbox="example-set" href="#" class="example-image-link">
						<img border="0" align="left" class="example-image article-photo" title="Από που προέρχεται;" alt="Από που προέρχεται;" src="http://www.freedigitalphotos.net/images/img/homepage/87357.jpg">
					</a>
				</p>
				<p class="right">Αντίθετα με αυτό που θεωρεί η πλειοψηφία, το Lorem Ipsum δεν είναι απλά ένα τυχαίο κείμενο. Οι ρίζες του βρίσκονται σε ένα κείμενο Λατινικής λογοτεχνίας του 45 π.Χ., φτάνοντας την ηλικία του πάνω από 2000 έτη...
					<a href="#" class="read-more">Περισσότερα</a>
				</p>
			</div>

			<div class="content">
				<h2><a href="#">Γιατί το χρησιμοποιούμε;</a></h2>
				<p class="left">
					<a title="Γιατί το χρησιμοποιούμε;" data-lightbox="example-set" href="#" class="example-image-link">
						<img border="0" align="left" class="example-image...

CSS

#shell {
    margin: 16px auto 0;
    max-width: 1180px;
    width: 100%;
}

#frame-third .content {
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 4%;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    width: 46%;
}

#frame-third .content P
{
	padding-top: 0px;
	margin-top: 0px;
}
#frame-third #shell .content P.left
{
	float: left;
	width: 45%;
	text-align: center;
	margin-right: 5%;
}
#frame-third .content IMG.article-photo
{
	width: 100%;
	height: auto;
}