Edit in JSFiddle

<div class="max-wrapper">

<p class="bigger"><i class="icon-remove"></i>List of all products you can check <a href="#">here</a>.</p>

<br />

<p class="bigger"><i class="icon-ok"></i>You can check list of <a href="#">all products</a>.</p>

<br /><br />

<h3><i class="icon-remove"></i>Barcelona beats Athletic</h3>
<p>Barcelona produced an accomplished performance to defeat Athletic Bilbao 2-0 at Camp Nou and as a result remain six points behind leaders Real Madrid with eight matches remaining in La Liga.
<a href="#">more...</a></p>

<br />

<h3><i class="icon-ok"></i><a href="#">Barcelona beats Athletic</a></h3>
<p>Barcelona produced an accomplished performance to defeat Athletic Bilbao 2-0 at Camp Nou and as a result remain six points behind leaders Real Madrid...</p>


</div>

body {
    padding: 30px;
}
a{
    text-decoration:underline;
}
.bigger {
    font-size:16px;
}
.icon-ok, .icon-remove {
    margin-left:-20px;
    margin-right:6px;
    margin-top:3px;
}

.max-wrapper {
    max-width: 450px;

}