Floated Image
+![[Image Caption]](b3tatv.gif)
[Image Caption]
+Image floated to the left with caption and max-width: 95%, works in Opera 8 and MSIE 6 but not in Firefox,
+which seems to have problems with the max-width attribute.
When the ARPANET was originally created, and for much of its subsequent evolution into the Internet prior to the mass pile-on of the 1990's, access was highly accountable. Every machine on the Internet had a unique Internet Protocol (IP) address, the 32 bit number you usually see written in "dotted quad" form, such as 192.168.114.31. Virtually all machines on the Internet were permanently connected via dedicated leased lines (or on a local network, itself linked to the outside by a leased line). IP addresses were permanently assigned, one per machine, from blocks of contiguous addresses allocated to organisations to whom was delegated the responsibility of assigning addresses within that block. An organisation responsible for an IP address block could, in turn, delegate assignment of addresses within a sub-block to another entity but, in every case, it was possible to determine who was ultimately responsible for an address on the Internet.
+ +Images centered with captions below
+Inspired by this article, but I wanted to make the images centered,
+not floated left. This works in Opera 8 but not in MSIE 6 or Firefox as they do not seem to support display: inline-block,
+also the captions do not align with the images in FF:
![[Image Caption]](b3tatv.gif)
[Image Caption]
![[Image Caption]](b3tatv.gif)
[Image Caption]
![[Image Caption]](b3tatv.gif)
[Quite a bit longer Image Caption]
![[Image Caption]](b3tatv.gif)
[Image Caption]
+
+
+
+
+
\ No newline at end of file
diff --git a/test/cache/touch.php b/test/cache/touch.php
new file mode 100755
index 0000000..451e62f
--- /dev/null
+++ b/test/cache/touch.php
@@ -0,0 +1,9 @@
+
diff --git a/test/cache/vivaldi.jpg b/test/cache/vivaldi.jpg
new file mode 100755
index 0000000..38af819
Binary files /dev/null and b/test/cache/vivaldi.jpg differ
diff --git a/test/db-test.php b/test/db-test.php
new file mode 100755
index 0000000..52be88b
--- /dev/null
+++ b/test/db-test.php
@@ -0,0 +1,19 @@
+
diff --git a/test/float/250px.gif b/test/float/250px.gif
new file mode 100755
index 0000000..0920d97
Binary files /dev/null and b/test/float/250px.gif differ
diff --git a/test/float/300px.gif b/test/float/300px.gif
new file mode 100755
index 0000000..a35e3fa
Binary files /dev/null and b/test/float/300px.gif differ
diff --git a/test/float/b3tatv.gif b/test/float/b3tatv.gif
new file mode 100755
index 0000000..ce8dc03
Binary files /dev/null and b/test/float/b3tatv.gif differ
diff --git a/test/float/butterfly.png b/test/float/butterfly.png
new file mode 100755
index 0000000..2bfbc9d
Binary files /dev/null and b/test/float/butterfly.png differ
diff --git a/test/float/float.css b/test/float/float.css
new file mode 100755
index 0000000..8ccf679
--- /dev/null
+++ b/test/float/float.css
@@ -0,0 +1,50 @@
+.content {
+ width: 60%;
+ margin: 0 auto;
+}
+
+.center {
+ text-align: center;
+}
+
+body img {
+ border: 0;
+}
+
+/* This does not work in FF unless I
+set the enclosing block width. */
+.content img {
+ max-width: 95%;
+}
+
+.imgpost {
+ display: inline-block;
+ max-width: 95%;
+}
+
+.imgpost p {
+ width: 200px;
+ max-width: 95%;
+ margin: 0.3em auto;
+ font-size: small;
+
+}
+
+.imgfloat {
+ max-width: 95%;
+ margin: 0.25em;
+ text-align: center;
+}
+
+.imgfloat p {
+ width: 175px;
+ max-width: 95%;
+ font-size: small;
+ margin: 0;
+}
+
+.picleft {
+ float: left;
+ margin-right: 0.5em;
+ margin-left: 0;
+}
diff --git a/test/float/float.html b/test/float/float.html
new file mode 100755
index 0000000..d685743
--- /dev/null
+++ b/test/float/float.html
@@ -0,0 +1,38 @@
+
+
+
+ 

