how to add space between 2 css borders

Question

I added 2 css borders in my html page using css but do not know how to add space between them. Is there any solution to this? code:

.intro{
border: 5px dotted greenyellow;

}
.formation{
   
    border: 5px dotted brown;

user_19040741 · Answer

You can add margin-bottom to the top one, so there will be a gap

.intro{
border: 5px dotted greenyellow;
margin-bottom:1rem;
}
.formation{

border: 5px dotted brown;
   
   }

user_15114753 · Answer

You should add a margin in your intro class to give the border. Like this

.intro{
margin-bottom:10px;
border: 5px dotted greenyellow;
}