Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] centrowanie w zależności od wskazanego elementu
Forum PHP.pl > Forum > Przedszkole
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?
vokiel
Powinno wystarczyć
  1. .menu > p {
  2. padding: 10px;
  3. display: flex;
  4.  
  5. align-items: center;
  6. }
stellatus
Nie działa. Centruje wertykalnie.
aras785
https://jsfiddle.net/bd50gcw9/
stellatus
Dzięki!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.