Я хочу поставить интервал между этими столбцами , и на изображении я обведил точки красной ручкой.
Вот мой код:
.help-icons {
width: 90%;
margin-left: 4rem;
& > div {
height: 5rem;
width: 10rem;
float: left;
margin-left: 30px;
}
}
.help-icons
.icon-one
span.wfs-pie-chart
p.dark-text Lorem ipsum dolor sit amet
p.light-text Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
.icon-two
span.wfs-user
p.dark-text Lorem ipsum dolor sit amet
p.light-text Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque.
.icon-three
span.wfs-git-branch
p.dark-text Lorem ipsum dolor sit amet
p.light-text Mauris nunc congue nisi vitae suscipit tellus mauris a diam.
.icon-four
span.wfs-database
p.dark-text Lorem ipsum dolor sit amet
p.light-text Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum.
.icon-five
span.wfs-trending-up
p.dark-text Lorem ipsum dolor sit amet
p.light-text Egestas sed sed risus pretium quam vulputate dignissim suspendisse in.
.icon-six
span.wfs-cloud
p.dark-text Lorem ipsum dolor sit amet
p.light-text Proin fermentum leo vel orci porta non pulvinar neque laoreet.
Я использую Pug вместо HTML и Sass вместо CSS.
Спасибо!
РЕДАКТИРОВАТЬ: Вот изображение что я хочу сделать .