diff options
Diffstat (limited to 'HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float')
-rw-r--r-- | HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.floatlys.html | 34 | ||||
-rw-r--r-- | HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.yls.jpg | bin | 0 -> 9028 bytes |
2 files changed, 34 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.floatlys.html b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.floatlys.html new file mode 100644 index 0000000..e2c4866 --- /dev/null +++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.floatlys.html @@ -0,0 +1,34 @@ +<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>CSS Float</title>
+<meta charset="utf-8">
+<style>
+body { width:500px;
+ background-color:#FFFFFF;
+ color:#000000;
+}
+div { background-color:#F3F1BF;
+}
+h1 { background-color:#658B42;
+ padding:10px;
+ color: #E1DB5F;
+}
+p { font-family:Arial,sans-serif;
+ }
+float, margin, and border properties:
+.float { float: left;
+ margin-right: 10px;
+ border: 3px ridge #000000; }
+</style>
+</head>
+<body>
+<h1>Yellow Lady Slipper</h1>
+<div>
+ <img class=float src="7.2.yls.jpg" alt="Yellow Lady Slipper" height="100" width="100">
+ <p>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.</p>
+</div>
+<h2>Be Green When Enjoying Wildflowers</h2>
+<p>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways — support organizations dedicated to preserving their habitat. </p>
+</body>
+</html>
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.yls.jpg b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.yls.jpg Binary files differnew file mode 100644 index 0000000..7dd9982 --- /dev/null +++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/ch7float/7.2.yls.jpg |