<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script data-require="bootstrap@*" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script data-require="jquery@2.1.3" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div class="row">
<div class="col-md-3">
<div class="header">
<div class="icon"></div>
<div class="title">
<h1>This is the long title row ...</h1>
</div>
</div>
<p>This is some content text. This is some content text. This is some content text. This is some content text. This is some content text. </p>
</div>
<div class="col-md-3">
<div class="header">
<div class="icon"></div>
<div class="title">
<h1>This is the long title row ...</h1>
</div>
</div>
<p>This is some content text. This is some content text. This is some content text. This is some content text. This is some content text. </p>
</div>
<div class="col-md-3">
<div class="header">
<div class="icon"></div>
<div class="title">
<h1>This is the long title row ...</h1>
</div>
</div>
<p>This is some content text. This is some content text. This is some content text. This is some content text. This is some content text. </p>
</div>
<div class="col-md-3">
<div class="header">
<div class="icon"></div>
<div class="title">
<h1>This is the long title row ...</h1>
</div>
</div>
<p>This is some content text. This is some content text. This is some content text. This is some content text. This is some content text. </p>
</div>
</div>
</body>
</html>
// Code goes here
.icon {
display: inline-block;
height:50px;
width: 50px;
background: red;
}
.title {
display: inline-block;
}
h1 {
font-size:25px;
}