Display: Run-In to simulate print style alternating text

For you designers that LOVE to run alternate size text into block level copy. CSS has a nice property developers can use to simulate that effect. Amazing that not many…

For you designers that LOVE to run alternate size text into block level copy. CSS has a nice property developers can use to simulate that effect. Amazing that not many developers use it.

display: run-in

Depending on context, this value for the display property creates either an in-line or block level rendering box. In each case different CSS properties may apply to the run-in element. Properties for the run-in element are inherited from its parent element in the document tree, not from the block element box it participates in.