cssborder

Borders only between elements

I need to know how to make a borders between my items like the following image:

enter image description here

I tried making it using border-right and -left but the last item shouldn't have a border-right.

My CSS:

border-top: 1px solid #000;
border-right: 1px solid #000;

How can I apply border-right to all but the last element on the row?

Solution

  • add this to your style.css, turn off border-right every 4th books. (this only works on the desktop version of the site.)

    .nspArt:nth-child(4n) .gkResponsive img.nspImage {
    border-right: none;
}