Answers for "how to evenly space elements css"

CSS
4

space-evenly vs space-around

/*

space-around: items are evenly distributed in the line with equal space 
around them.( __#____#____#__ )
space-evenly: items are distributed so that the spacing between any two 
adjacent alignment subjects, before the first alignment subject, and 
after the last alignment subject is the same. ( ___#___#___#___ )

/*
Posted by: Guest on March-21-2022
0

how to evenly space icons in a div css

.test {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.test > div {
    margin-top: 10px;
    padding: 20px;
    background-color: #FF0000;
}
Posted by: Guest on May-27-2021

Browse Popular Code Answers by Language