Ho questo html:Come centrare un'immagine tra due colonne in CSS?
<div>
<img class="image">
<p class="text"></p>
</div>
voglio che il mio testo da dinamicamente divisa in due colonne, quindi sto utilizzando la proprietà column-count
:
p.text
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
voglio anche per centrare l'immagine tra le due colonne, in larghezza ed altezza, in modo che ottenere questo effetto:
Come realizzeresti il compito?
È possibile eseguire il lavoro solo con CSS?
In caso contrario, c'è un modo per farlo con javascript, mantenendo la proprietà column-count
?
IE9 compatibile o solo i browser moderni ok? – Jay
Una soluzione per i moderni browser sarebbe ancora ok. – pr0gma
Non possibile AFAIK con CSS eccetto CSS Forme/Regioni/Flusso e quelli sono ancora sperimentali. –