summaryrefslogtreecommitdiff
path: root/Base/home/anon/www/inline-block.html
diff options
context:
space:
mode:
Diffstat (limited to 'Base/home/anon/www/inline-block.html')
-rw-r--r--Base/home/anon/www/inline-block.html20
1 files changed, 20 insertions, 0 deletions
diff --git a/Base/home/anon/www/inline-block.html b/Base/home/anon/www/inline-block.html
new file mode 100644
index 0000000000..72ecf0d099
--- /dev/null
+++ b/Base/home/anon/www/inline-block.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>display: inline-block</title>
+<style>
+div {
+ display: inline-block;
+ width: 200px;
+ height: 100px;
+ margin: 20px;
+ border: 1px solid black;
+}
+</style>
+ </head>
+ <body>
+ <div>Hello friends! This <b>div</b> has <b>display: inline-block</b> :^)</div>
+ <div>Hello friends! That means its laid out like a block on the inside.</div>
+ <div>Hello friends! But it acts like an atomic inline box on the outside!</div>
+ </body>
+</html>