Edit in JSFiddle

<div class="wrapper">
    <div class="content">
        <p>Row 1</p>
        <a href="#">text in between</a>
        <p>Row 2</p>
        <p>Row 3</p>
        <p>Row 4</p>
        <p>Row 4</p>
    </div>
    <div class="content">
        <p>* Row 1</p>
        <p>* Row 2</p>
        <p>* Row 3</p>
        <p>* Row 4</p>
        <p>* Row 4</p>
    </div>
</div>

p {
    margin: 4px 0 0 0;
    padding: 0;
    font-family: Arial;
    color: #999;
}
a {
    color: #9f0000;
    text-decoration: none;
    font-family: Arial;
    text-indent: 20px;
    display: block;
    font-size: 14px;
}
.content:first-child {
    background: #C9E2CB;
}
.content:last-child {
    background: #DADADA;
}
p:first-child {
    font-weight: bold;
    text-decoration: underline;
}
p:last-child {
    color: #000;
}
p:nth-child(2) {
    font-size: 10px;
}
p:nth-of-type(2) {
    color: #009F00;
}