CHAPTER 17 ■ LAYOUTS
Template Layout
HTML
<h1>Template Layout</h1><div id="template">
<div id="a">Apple</div>
<div id="b">Bear</div>
<div id="c">Castle</div>
<div id="d">Deer</div>
</div>CSS
#template { display: “ab” “cd” 20% * 20%; }
#d { position: a; }
#c { position: b; }
#b { position: c; }
#a { position: d; }/* Nonessential rules are not shown. */