[CSS] centrowanie w zależności od wskazanego elementu Opcje

[stellatus]

Kod

<div class="menu">
  <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;
  
}

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?

Ten post edytował stellatus 18.02.2020, 20:55:32

[stellatus]

Dzięki!