.content-archive-links-single {
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
  -webkit-column-width: 150px;
     -moz-column-width: 150px;
          column-width: 150px;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    -webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 4px outset #ff00ff; /* Firefox */
    column-rule: 4px outset #ff00ff;
}

Resource:

• https://css-tricks.com/guide-responsive-friendly-css-columns/
• https://css-tricks.com/almanac/properties/c/columns/

.content-article {
  position: relative;
  width: 100%;
  overflow: hidden;}
.content-article:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-width: 16px 16px 0 0;
  border-style: solid;
  border-color: #dae2ea #889bae #dae2ea #889bae;
  background: #dae2ea;}

Resource: http://nicolasgallagher.com/pure-css-folded-corner-effect/

opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */

Background color for multi line text.

NB. Pay attention to line-height

margin: 0px 10px; /* adjust left/right according to box-shadow */
display: inline;
background-color: #ebebeb;
box-shadow: 10px 0 0 #ebebeb, -10px 0 0 #ebebeb;
box-decoration-break: clone;