#imprint
{
background-color: black;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
padding: 15px;
justify-content: center;
}
<article id = "imprint">
<p>test</p>
<p>test</p>
</article>
How can make some space between this two p tags?
I haven’t found a solution to this problem.
>Solution :
column-gap
is what you’re looking for.
#imprint {
background-color: black;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
padding: 15px;
justify-content: center;
/* add a gap */
column-gap: 20px;
}
<article id="imprint">
<p>test</p>
<p>test</p>
</article>
Alternatively, you can just give the p
elements some horizontal padding
:
#imprint {
background-color: black;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
padding: 15px;
justify-content: center;
}
#imprint p {
padding-left: 10px;
padding-right: 10px;
}
<article id="imprint">
<p>test</p>
<p>test</p>
</article>