Kod
<div class="menu">
<p class="menu-tags" >
lorem ipsum
</p>
<p class="menu-dropdown_list1">
dolor si amet
</p>
</div>
<p class="menu-tags" >
lorem ipsum
</p>
<p class="menu-dropdown_list1">
dolor si amet
</p>
</div>
Kod
.menu {
display: flex;
flex-direction: row;
padding: 10px;
background-color: DodgerBlue;
flex-wrap: wrap;
}
.menu > p {
padding: 10px;
display: flex;
}
.menu-tags {
background-color: red;
width: 60px;
text-align: center;
}
.menu-dropdown_list1 {
background-color: green;
flex-grow: 1;
}
display: flex;
flex-direction: row;
padding: 10px;
background-color: DodgerBlue;
flex-wrap: wrap;
}
.menu > p {
padding: 10px;
display: flex;
}
.menu-tags {
background-color: red;
width: 60px;
text-align: center;
}
.menu-dropdown_list1 {
background-color: green;
flex-grow: 1;
}
https://codepen.io/rudolph-reti/pen/QWbEmJR
Jak wyśrodkować horyzontolnie zawartość zielonego <p> względem niebieskiego diva? Da się w ogóle to zrobić w CSS czy trzeba w JS?