display
none
div { display:none }
span { display:none }
Can you see me?
Can you see me?
div to inline
paragraph
paragraph
div { display:inline }
div { display:inline }
paragraph
paragraph
div to inline-block
paragraph
paragraph
div { width:200px; display:inline-block }
div { width:200px; display:inline-block }
paragraph
paragraph
span to block
span { display:block }
span { display:block }
span to inline-block
span { padding:50px; margin:50px; display:inline-block }
span { padding:50px; margin:50px; display:inline-block }
list-item
div { display:list-item; list-style:circle; margin-left:30px }
div { display:list-item; list-style:square; margin-left:30px }
span { display:list-item; list-style:decimal; margin-left:30px }
span { display:list-item; list-style:lower-alpha; margin-left:30px }
run-in
h3 { display:run-in } This heading block shoud run into the next paragraph.
This is the next paragraph.
CSS Practice