HTML & CSS Hands-On - Block & Inline - Start

by Karin Huber

HTML

<h2>div</h2>

<div id="div1">Element 1</div>

<div id="div2">Element 2, width 200px, height 100px</div>

<div id="div3">Element 3</div>

<div id="div4">Element 4</div>

<div id="div5">Element 5, width 200px, height 50px</div>

<div id="div6">Element 6</div>

<div id="div7">Element 7</div>

<h2>span</h2>

<span id="span1">Element 1</span>

<span id="span2">Element 2, width 200px, height 100px</span>

<span id="span3">Element 3</span>

<span id="span4">Element 4</span>

<span id="span4">Element 5</span>

CSS

div {
  border: 1px solid blue;
}

span {
  border: 1px solid red;
}