<!DOCTYPE html>
<html>
<head>
<title>Figure 18</title>
<style type="text/css">
body {margin: 100px;}

	section {float: left; border: 1px dotted gray; margin: 2em 0;}
	div {border: 1px solid red; float: left; position: relative; margin: 50px;}
	img {height: 150px; width: 150px; vertical-align: bottom; opacity: 0.9;}
	span {position: absolute; top: 115%; left: 0; width: 100%;
		text-align: center; white-space: pre; font: 13px Anadale Mono, monospace;}

	#ex01 {transform: perspective(100px) rotateY(-45deg);}
	