Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorhither2forlorn <vaibhawp@yahoo.co.uk>2010-01-14 15:42:48 (GMT)
committer hither2forlorn <vaibhawp@yahoo.co.uk>2010-01-14 15:42:48 (GMT)
commit84d5a911f843f57b93267be8b1557625c4e8e403 (patch)
treeaa48cf09d488b9f78487b03bf0bbfbf56a004ae5
parent263f201580b2e166fee24cf933ca5e363fc47e34 (diff)
Adding more lessons to examples folder. All the new lessons are prefixed with the class number
-rwxr-xr-xexamples/Vocabulary_Profession/css/.tmp_lesson.css.html63879~63
-rwxr-xr-xexamples/Vocabulary_Structure/css/.tmp_lesson.css.html63879~63
-rwxr-xr-xexamples/Vocabulary_Transportation/css/.tmp_lesson.css.html63879~63
-rwxr-xr-xexamples/Vocabulary_WildAnimals/css/.tmp_lesson.css.html63879~63
4 files changed, 0 insertions, 252 deletions
diff --git a/examples/Vocabulary_Profession/css/.tmp_lesson.css.html63879~ b/examples/Vocabulary_Profession/css/.tmp_lesson.css.html63879~
deleted file mode 100755
index 3d8b344..0000000
--- a/examples/Vocabulary_Profession/css/.tmp_lesson.css.html63879~
+++ /dev/null
@@ -1,63 +0,0 @@
-<html><h1>The H1 tag looks like this</h1>
-<p>The paragraph tag after an H1 tag looks like this</p>
-<h2>The H2 tag looks like this</h2>
-<p>The paragraph tag after an H2 tag looks like this</p>
-<h3>The H3 tag looks like this</h3>
-<p>The paragraph tag after an H3 tag looks like this</p>
-<h4>The H4 tag looks like this</h4>
-<p>The paragraph tag after an H4 tag looks like this</p>
-<h5>The H5 tag looks like this</h5>
-<p>The paragraph tag after an H5 tag looks like this</p>
-<ol>
-<li><strong>This is a strong element in an ordered list</strong></li>
-<li><i>This is an italic element in an ordered list</i></li>
-<li><b>This is a bold element in an ordered list</b></li>
-<li><em>This is an emphasized element in an ordered list</em></li>
-<li>This is a regular element in an ordered list</li>
-</ol>
-<ul>
-<li><strong>This is a strong element in an unordered list</strong></li>
-<li><i>This is an italic element in an unordered list</i></li>
-<li><b>This is a bold element in an unordered list</b></li>
-<li><em>This is an emphasized element in an unordered list</em></li>
-<li>This is a regular element in an unordered list</li>
-</ul>
-<blockquote>The block quote element looks like this</blockquote>
-<pre>The pre element looks like this</pre>
-<code>The code element looks like this</code>
-<br/>
-<span>The span element looks like this</span>
-<br/>
-<a href="#">The anchor element looks like this</a>
-<br/>
-<br/>
-<div style="float:left;margin:20px;width:200px;">Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:400px;">Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:600px;">Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.</div><style>body {
- background-color : #CCC ;
- background-image:url(../assets/images/background.png);
- background-repeat: no-repeat;
- background-position: top center;
- margin-top: 5px auto;
- }
-#gameArea{
- width: 800px; height: auto; padding : 10px; margin-left: 75px; margin-top: 20px;
-}
-#imageBox{
- width: 150px; height: 100px; padding: 5px; margin: 1em;
-}
-.imgObject{
- width: 150px; height: 150px; margin: 0.25em; padding: 2px;
-}
-.dropBox{
- width: 123px; height: 37px; margin: 0.25em; padding: 2px;
-}
-#optionArea{
- width: 600px; height: 40px; padding : 2px; margin-left: 150px; margin-top: 350px;
- border: 2px solid green;
-}
-.dragImg{
- width: 110px; height: 33px; padding: 2px; margin: 0.25em;
-}
-
-</style></html> \ No newline at end of file
diff --git a/examples/Vocabulary_Structure/css/.tmp_lesson.css.html63879~ b/examples/Vocabulary_Structure/css/.tmp_lesson.css.html63879~
deleted file mode 100755
index 3d8b344..0000000
--- a/examples/Vocabulary_Structure/css/.tmp_lesson.css.html63879~
+++ /dev/null
@@ -1,63 +0,0 @@
-<html><h1>The H1 tag looks like this</h1>
-<p>The paragraph tag after an H1 tag looks like this</p>
-<h2>The H2 tag looks like this</h2>
-<p>The paragraph tag after an H2 tag looks like this</p>
-<h3>The H3 tag looks like this</h3>
-<p>The paragraph tag after an H3 tag looks like this</p>
-<h4>The H4 tag looks like this</h4>
-<p>The paragraph tag after an H4 tag looks like this</p>
-<h5>The H5 tag looks like this</h5>
-<p>The paragraph tag after an H5 tag looks like this</p>
-<ol>
-<li><strong>This is a strong element in an ordered list</strong></li>
-<li><i>This is an italic element in an ordered list</i></li>
-<li><b>This is a bold element in an ordered list</b></li>
-<li><em>This is an emphasized element in an ordered list</em></li>
-<li>This is a regular element in an ordered list</li>
-</ol>
-<ul>
-<li><strong>This is a strong element in an unordered list</strong></li>
-<li><i>This is an italic element in an unordered list</i></li>
-<li><b>This is a bold element in an unordered list</b></li>
-<li><em>This is an emphasized element in an unordered list</em></li>
-<li>This is a regular element in an unordered list</li>
-</ul>
-<blockquote>The block quote element looks like this</blockquote>
-<pre>The pre element looks like this</pre>
-<code>The code element looks like this</code>
-<br/>
-<span>The span element looks like this</span>
-<br/>
-<a href="#">The anchor element looks like this</a>
-<br/>
-<br/>
-<div style="float:left;margin:20px;width:200px;">Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:400px;">Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:600px;">Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.</div><style>body {
- background-color : #CCC ;
- background-image:url(../assets/images/background.png);
- background-repeat: no-repeat;
- background-position: top center;
- margin-top: 5px auto;
- }
-#gameArea{
- width: 800px; height: auto; padding : 10px; margin-left: 75px; margin-top: 20px;
-}
-#imageBox{
- width: 150px; height: 100px; padding: 5px; margin: 1em;
-}
-.imgObject{
- width: 150px; height: 150px; margin: 0.25em; padding: 2px;
-}
-.dropBox{
- width: 123px; height: 37px; margin: 0.25em; padding: 2px;
-}
-#optionArea{
- width: 600px; height: 40px; padding : 2px; margin-left: 150px; margin-top: 350px;
- border: 2px solid green;
-}
-.dragImg{
- width: 110px; height: 33px; padding: 2px; margin: 0.25em;
-}
-
-</style></html> \ No newline at end of file
diff --git a/examples/Vocabulary_Transportation/css/.tmp_lesson.css.html63879~ b/examples/Vocabulary_Transportation/css/.tmp_lesson.css.html63879~
deleted file mode 100755
index 3d8b344..0000000
--- a/examples/Vocabulary_Transportation/css/.tmp_lesson.css.html63879~
+++ /dev/null
@@ -1,63 +0,0 @@
-<html><h1>The H1 tag looks like this</h1>
-<p>The paragraph tag after an H1 tag looks like this</p>
-<h2>The H2 tag looks like this</h2>
-<p>The paragraph tag after an H2 tag looks like this</p>
-<h3>The H3 tag looks like this</h3>
-<p>The paragraph tag after an H3 tag looks like this</p>
-<h4>The H4 tag looks like this</h4>
-<p>The paragraph tag after an H4 tag looks like this</p>
-<h5>The H5 tag looks like this</h5>
-<p>The paragraph tag after an H5 tag looks like this</p>
-<ol>
-<li><strong>This is a strong element in an ordered list</strong></li>
-<li><i>This is an italic element in an ordered list</i></li>
-<li><b>This is a bold element in an ordered list</b></li>
-<li><em>This is an emphasized element in an ordered list</em></li>
-<li>This is a regular element in an ordered list</li>
-</ol>
-<ul>
-<li><strong>This is a strong element in an unordered list</strong></li>
-<li><i>This is an italic element in an unordered list</i></li>
-<li><b>This is a bold element in an unordered list</b></li>
-<li><em>This is an emphasized element in an unordered list</em></li>
-<li>This is a regular element in an unordered list</li>
-</ul>
-<blockquote>The block quote element looks like this</blockquote>
-<pre>The pre element looks like this</pre>
-<code>The code element looks like this</code>
-<br/>
-<span>The span element looks like this</span>
-<br/>
-<a href="#">The anchor element looks like this</a>
-<br/>
-<br/>
-<div style="float:left;margin:20px;width:200px;">Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:400px;">Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:600px;">Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.</div><style>body {
- background-color : #CCC ;
- background-image:url(../assets/images/background.png);
- background-repeat: no-repeat;
- background-position: top center;
- margin-top: 5px auto;
- }
-#gameArea{
- width: 800px; height: auto; padding : 10px; margin-left: 75px; margin-top: 20px;
-}
-#imageBox{
- width: 150px; height: 100px; padding: 5px; margin: 1em;
-}
-.imgObject{
- width: 150px; height: 150px; margin: 0.25em; padding: 2px;
-}
-.dropBox{
- width: 123px; height: 37px; margin: 0.25em; padding: 2px;
-}
-#optionArea{
- width: 600px; height: 40px; padding : 2px; margin-left: 150px; margin-top: 350px;
- border: 2px solid green;
-}
-.dragImg{
- width: 110px; height: 33px; padding: 2px; margin: 0.25em;
-}
-
-</style></html> \ No newline at end of file
diff --git a/examples/Vocabulary_WildAnimals/css/.tmp_lesson.css.html63879~ b/examples/Vocabulary_WildAnimals/css/.tmp_lesson.css.html63879~
deleted file mode 100755
index 3d8b344..0000000
--- a/examples/Vocabulary_WildAnimals/css/.tmp_lesson.css.html63879~
+++ /dev/null
@@ -1,63 +0,0 @@
-<html><h1>The H1 tag looks like this</h1>
-<p>The paragraph tag after an H1 tag looks like this</p>
-<h2>The H2 tag looks like this</h2>
-<p>The paragraph tag after an H2 tag looks like this</p>
-<h3>The H3 tag looks like this</h3>
-<p>The paragraph tag after an H3 tag looks like this</p>
-<h4>The H4 tag looks like this</h4>
-<p>The paragraph tag after an H4 tag looks like this</p>
-<h5>The H5 tag looks like this</h5>
-<p>The paragraph tag after an H5 tag looks like this</p>
-<ol>
-<li><strong>This is a strong element in an ordered list</strong></li>
-<li><i>This is an italic element in an ordered list</i></li>
-<li><b>This is a bold element in an ordered list</b></li>
-<li><em>This is an emphasized element in an ordered list</em></li>
-<li>This is a regular element in an ordered list</li>
-</ol>
-<ul>
-<li><strong>This is a strong element in an unordered list</strong></li>
-<li><i>This is an italic element in an unordered list</i></li>
-<li><b>This is a bold element in an unordered list</b></li>
-<li><em>This is an emphasized element in an unordered list</em></li>
-<li>This is a regular element in an unordered list</li>
-</ul>
-<blockquote>The block quote element looks like this</blockquote>
-<pre>The pre element looks like this</pre>
-<code>The code element looks like this</code>
-<br/>
-<span>The span element looks like this</span>
-<br/>
-<a href="#">The anchor element looks like this</a>
-<br/>
-<br/>
-<div style="float:left;margin:20px;width:200px;">Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:400px;">Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.</div>
-<div style="float:left;margin:20px;width:600px;">Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.</div><style>body {
- background-color : #CCC ;
- background-image:url(../assets/images/background.png);
- background-repeat: no-repeat;
- background-position: top center;
- margin-top: 5px auto;
- }
-#gameArea{
- width: 800px; height: auto; padding : 10px; margin-left: 75px; margin-top: 20px;
-}
-#imageBox{
- width: 150px; height: 100px; padding: 5px; margin: 1em;
-}
-.imgObject{
- width: 150px; height: 150px; margin: 0.25em; padding: 2px;
-}
-.dropBox{
- width: 123px; height: 37px; margin: 0.25em; padding: 2px;
-}
-#optionArea{
- width: 600px; height: 40px; padding : 2px; margin-left: 150px; margin-top: 350px;
- border: 2px solid green;
-}
-.dragImg{
- width: 110px; height: 33px; padding: 2px; margin: 0.25em;
-}
-
-</style></html> \ No newline at end of file