ul.articles {
    overflow: hidden;
}

ul.articles>li {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #93723D;
}

ul.articles>li>a:first-child {
    float: left;
    display: inline-block;
    height: 170px;
    margin-right: 30px;
    overflow: hidden;
}

ul.articles>li>a:first-child>img {
    width: 260px;
}

ul.articles>li>h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
}

ul.articles>li>h2>a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #322100;
}

ul.articles>li>p {
    max-height: 3em;
    line-height: 1.5em;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #979797;
    overflow: hidden;
}

ul.articles>li>div.view {
    text-align: right;
}

ul.articles>li>a.view {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 5px 10px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #93723D;
}