chadlindstrom.ca

Adventurer, Web Developer, Photographer, Athlete and goofball

Skip to Content

Block vs Inline

Some Block vs Inline examples

Example 1: Block Element inside Inline Tag

this is a table

Example 1 Source

<div class=\"block-inline\">
	<span>
		<table id=\"table1\"><tr><td>this is a table</td></tr></table>
	</span>
</div>

Example 2: Block Element inside Block Element (parent block styled as inline)

this is a table cell

Example 2 Source

<div class=\"block-block\">
	<div>
		<table id=\"table2\"><tr><td>this is a table cell</td></tr></table>
	</div>
</div>