CSS行对齐问题

Question

i've some CSS problems. I made a row with images and some texts. But images' borders are not in alignment. Here is a screenshot about that. And my CSS codes which i am used:

.portfolyo-foto {
    width: 149px;
    margin-right: 1.2%;
    border: 1px dashed black;
    display: inline-table;
}

.portfolyo-cerceve {
    width: 100%;
    padding-left: 0%;
    height: 100%;
}

.leftTypeWrapperOuter {
    width: 75%;
    position: relative;
    float: right;
    margin-right: 13%;
}

.clearfix {
    display: block;
}

Thanks a lot.

Answer 1

You should include the link in the div.

<div class="portfolyo-foto">
    <img width="100" height="100" src="" />
    <a href="#">All</a>
</div>

and add this rule in css:

.works-filter a,
.works-filter a.active{
    margin:0;
}

Also, remember it is a good practice to share all the needed code.