[HTML] Vertical align center row

  • Creatore Discussione Creatore Discussione Fabio90
  • Data di inizio Data di inizio

Fabio90

Utente Attivo
29 Feb 2012
507
0
16
Buonasera,
vorrei che immagini e foto fossero sempre centrate fra di loro.
Al momento invece o il testo è troppo lungo e l'immagine non viene centrata o viceversa come visibile da allegato. Il codice html delle pagine è il seguente

http://edalab.fabiotoscano.it/index.php/it/soluzioni/produttori-oem
http://edalab.fabiotoscano.it/index.php/it/soluzioni/distributori-installatori
Codice:
<div class="sppb-row">
<div class="sppb-col-sm-6">
IMMAGINE/TESTO
</div>
<div class="sppb-col-sm-6">
IMMAGINE/TESTO
</div>
</div>
Suggerimenti?
Grazie
 

Allegati

  • imtxt.png
    imtxt.png
    784,2 KB · Visite: 624
  • text.jpg
    text.jpg
    594,8 KB · Visite: 586
Ultima modifica di un moderatore:
Aggiungi queste due proprietà alla classe sppb-row:
Codice:
display: flex;
align-items: center;
,
poi togli il margin-top dal titolo.
 
  • Like
Reactions: WmbertSea
@Fabio90
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
code.gif
quando posti del codice, oppure la funzione codice dalla barra degli strumenti
box inserisci 2.png.JPG

Inoltre ti prego di leggere attentamente il regolamento generale del forum e quello di sezione dove posti
Grazie
Per questa volta te lo sistemo io ma mi raccomando per il futuro
 

Discussioni simili