 25px;
  text-align: center;
}
p {margin: 0 -20px 40px;}

.tall:before,
.tall:after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  border-top: 1px solid red;
  height: 1px;
}
.tall:after {
  border-top: none; height: 1.2em;
  border-bottom: 1px solid blue;
}
article:last-of-type .tall:after{content: none;}
article:last-of-type .tall:before{border-color: purple;}
</style>
</head>
<body>
<article>
<div style="align-content: flex-start">
  <div>A</div>
  <div>BB<br/>BB</div>
  <div>CCC<br/>CCC<b