Archivio

Posts Tagged ‘display: inline’
06 Jan

5 Semplici, ma utili proprietà CSS: Display inline / block

5. Display inline/block

Nel caso non si sapesse: gli elementi block vengono mostrati su una nuova linea, diversamente gli elementi inline vengono rappresentati sulla stessa linea. <div>, <h1>, e <p> tags sono esempi di elementi block. Esempi di  inline tags sono: <em>, <span>, e <strong>.  Si può modificare lo stile specificando display: inline o block.

display-inline

.block em {
display: block;
}

.inline h4, .inline p {
display: inline;
}