[Fixed]-Forcing elements to the same level with equal borders (inline-block alone/float:left; clear:right doesn't work)

I added a vertical-align, removed float, made width 30%. It’s working on my FireFox. jsfiddle

article {
    padding:10px;
    min-height: 190px;
    border: 1px groove #A17157;
}

.article-link{
    vertical-align: text-top;
    display:inline-block;
    margin:0 13px 14px 0;
    padding:0;
    cursor:pointer;
    width:30%;
}