Как вы помещаете такие строки, как в веб-сайте ImpactChallenge

Question

Я пошел на сайт impactchallenge и нашел линии, делающие рамку подобной структуре для каждого столбца. Мне любопытно, как я могу разместить это на своем веб-сайте. вебсайт http://impactchallenge.withgoogle.com

Answer 1

<div class="border"> bipin kumar pal</div> 


.border { 
    border: 5px solid hsl(0, 0%, 40%); 
    padding: 5px; 
    background: hsl(0, 0%, 20%); 
    outline: 5px solid hsl(0, 0%, 60%); 
    box-shadow: 
     0 0 0 10px hsl(0, 0%, 80%), 
     0 0 0 15px hsl(0, 0%, 90%); 
    color:#fff; 

} 

я вещь, как вам нравится этот тип работы.