Final touches to float figures

meyerweb · 16ff0c5e625bef044739368c071ce8d3eb6012f8 · meyerweb committed Jan 8, 2016 · Jan 8, 2016 · 16ff0c5
1 parent 1e9cc86
commit 16ff0c5e625bef044739368c071ce8d3eb6012f8
Unified Split

Showing with 3 additions and 2 deletions.

+2 −2 floating-in-css/floating-image.html

BIN floating-in-css/floating-image.png

+1 −0 floating-in-css/shapes-circle-rect-clipped.html
diff --git a/floating-in-css/floating-image.html b/floating-in-css/floating-image.html
@@ -6,15 +6,15 @@
 <title>Chapter 10 Figures</title>
 <link rel="stylesheet" text="text/css" href="c/floats-baseline.css">
 <style type="text/css">
-body {width: 400px;}
+body {width: 410px;}
 </style>
 </head>
 <body>
 
 <p>
 Style sheets were our last, best hope for structure.  They succeeded.
 <img src="i/b4.gif" style="float: left;" alt="b4">
-It was the dawn of the second age of Web browsers.  This is the story of the first important steps towards sane markup and accessibility.
+It was the dawn of the second age of web browsers.  This is the story of the first important steps towards sane markup and accessibility.
 </p>
 
 </body>
diff --git a/floating-in-css/floating-image.png b/floating-in-css/floating-image.png
diff --git a/floating-in-css/shapes-circle-rect-clipped.html b/floating-in-css/shapes-circle-rect-clipped.html
@@ -0,0 +1 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"			"http://www.w3.org/TR/REC-html40/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Floats and Shapes</title><link rel="stylesheet" type="text/css" href="c/floats-baseline.css"><style type="text/css">body {padding-left: 3em;}p.label {font: 2em monospace; padding: 1em 0.33em 0.25em; text-align: center; margin: 0; color: black;}img {float: left; height: 100px;}	img {shape-outside: circle(50% at center);}	img#tall {height: 150px; width: 70px;}p[id] {position: relative;}span.shapebox {position: absolute; height: 100px; width: 100px;	background: hsla(270,50%,50%,0.75); border: 2px dotted white; box-sizing: border-box;}#p01 .shapebox {border-radius: 50% / 15%;	height: 117.047px; width: 70px; top: 16.5px; left: 0;}</style></head><body><p id="p01"><img src="i/chrome.jpg" id="tall"><span class="shapebox"></span>Zzril ghoulardi euclid quod, doming bedford lyndhurst philip johnson lectores praesent. Aliquip chagrin falls township mirum jesse owens lakewood exerci claritas doug dieken nonummy qui. Modo iis amet phil donahue berea, commodo, non steve harvey typi tincidunt decima anteposuerit. Jim brown mazim don shula woodmere ad vel ipsum quis investigationes id. Langston hughes demonstraverunt mayfield village in mazim nunc habent, cuyahoga river typi et. Don king iusto cum duis, the arcade consequat vel zzril. Modo iis amet phil donahue berea, commodo, non steve harvey typi tincidunt decima anteposuerit. Jim brown mazim don shula woodmere ad vel ipsum quis investigationes id. Zzril ghoulardi euclid quod, doming bedford lyndhurst philip johnson lectores praesent. Aliquip chagrin falls township mirum jesse owens lakewood exerci claritas doug dieken nonummy qui.</p></body></html>