72 lines
5.4 KiB
HTML
72 lines
5.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>float.html</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<style type="text/css">
|
|
<!--
|
|
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
|
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
|
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
|
.ST0 {color: #628fb5; background-color: #323232}
|
|
.sgml-declaration {color: #628fb5}
|
|
.value {color: #a5c261}
|
|
.ST2 {color: #6897bb}
|
|
.tag {color: #e8bf6a}
|
|
.ST3 {color: #6d9cbe; font-family: monospace}
|
|
.ST1 {color: #505050; background-color: #323232}
|
|
.ws {color: #505050}
|
|
.argument {color: #bababa}
|
|
-->
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.3/float.html</td></tr></table>
|
|
<pre>
|
|
<span class="ST0"><!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">></span>
|
|
<span class="tag"><</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">"en"</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">head</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">title</span><span class="tag">></span>CSS Float<span class="tag"></</span><span class="tag">title</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">"utf-8"</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">style</span><span class="tag">></span>
|
|
body {
|
|
width: <span class="ST2">500px</span>;
|
|
background-color: <span class="ST2">#FFFFFF</span>;
|
|
color: <span class="ST2">#000000</span>;
|
|
}
|
|
div {
|
|
background-color: <span class="ST2">#F3F1BF</span>;
|
|
}
|
|
h1 {
|
|
background-color: <span class="ST2">#658B42</span>;
|
|
padding: <span class="ST2">10px</span>;
|
|
color: <span class="ST2">#E1DB5F</span>;
|
|
}
|
|
p {
|
|
font-family: Arial,sans-serif;
|
|
}
|
|
.float {
|
|
float: left;
|
|
margin-right: <span class="ST2">10px</span>;
|
|
border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
|
|
}
|
|
.clearleft {
|
|
clear: left;
|
|
}
|
|
<span class="tag"></</span><span class="tag">style</span><span class="tag">></span>
|
|
<span class="tag"></</span><span class="tag">head</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">body</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">h1</span><span class="tag">></span>Yellow Lady Slipper<span class="tag"></</span><span class="tag">h1</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">div</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>float<span class="value">"</span> <span class="argument">src</span><span class="argument">=</span><span class="value">"yls.jpg"</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">"Yellow Lady Slipper"</span> <span class="argument">height</span><span class="argument">=</span><span class="value">"100"</span> <span class="argument">width</span><span class="argument">=</span><span class="value">"100"</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
|
<span class="sgml-declaration"><!br</span> <span class="sgml-declaration">class="clearleft"</span><span class="sgml-declaration">></span>
|
|
<span class="tag"></</span><span class="tag">div</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">"</span>clearleft<span class="value">"</span><span class="tag">></span>Be Green When Enjoying Wildflowers<span class="tag"></</span><span class="tag">h2</span><span class="tag">></span>
|
|
<span class="tag"><</span><span class="tag">p</span><span class="tag">></span>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag"></</span><span class="tag">p</span><span class="tag">></span>
|
|
<span class="tag"></</span><span class="tag">body</span><span class="tag">></span>
|
|
|
|
<span class="tag"></</span><span class="tag">html</span><span class="tag">></span>
|
|
</pre></body>
|
|
</html>
|