]> source.dussan.org Git - jquery-ui.git/commitdiff
sortable: added visual test page for profiling performance
authorPaul Bakaus <paul.bakaus@googlemail.com>
Wed, 25 Jun 2008 15:22:40 +0000 (15:22 +0000)
committerPaul Bakaus <paul.bakaus@googlemail.com>
Wed, 25 Jun 2008 15:22:40 +0000 (15:22 +0000)
tests/visual/sortable_massive_scale.html [new file with mode: 0644]

diff --git a/tests/visual/sortable_massive_scale.html b/tests/visual/sortable_massive_scale.html
new file mode 100644 (file)
index 0000000..648af97
--- /dev/null
@@ -0,0 +1,757 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\r
+"http://www.w3.org/TR/html4/loose.dtd">\r
+<html>\r
+<head>\r
+       <title>Sortable Visual Test</title>\r
+       <script type="text/javascript" src="../../jquery-1.2.6.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.sortable.js"></script>\r
+       <script type="text/javascript" src="../../ui/ui.draggable.js"></script>\r
+       \r
+       <script type="text/javascript">\r
+\r
+\r
+               \r
+               $(document).ready( function() {\r
+                       $('ul').not(".draggable").sortable({  items: "li" });\r
+                       $("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });\r
+               });\r
+       </script>\r
+       <style>\r
+               ul {\r
+                       list-style: none;\r
+                       padding: 0;\r
+                       border: 1px solid black;\r
+                       width: 210px;\r
+                       float: left;\r
+                       margin-right: 10px;\r
+               }\r
+               li {\r
+                       width: 200px;\r
+                       background: #eee;\r
+                       margin: 5px;\r
+               }\r
+       </style>\r
+</head>\r
+<body>\r
+\r
+<ul class="draggable">\r
+       <li>Draggable</li>\r
+</ul>\r
+\r
+<ul>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+</ul>\r
+\r
+<ul>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+</ul>\r
+\r
+<ul>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+</ul>\r
+\r
+<ul>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+</ul>\r
+\r
+<ul>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+       <li>Item 1</li>\r
+       <li>Item 2</li>\r
+       <li>Item 3</li>\r
+       <li>Item 4</li>\r
+       <li>Item 5</li>\r
+       <li>Item 6</li>\r
+       <li>Item 7</li>\r
+       <li>Item 8</li>\r
+       <li>Item 9</li>\r
+       <li>Item 10</li>\r
+       <li>Item 11</li>\r
+       <li>Item 12</li>\r
+       <li>Item 13</li>\r
+       <li>Item 14</li>\r
+       <li>Item 15</li>\r
+       <li>Item 16</li>\r
+       <li>Item 17</li>\r
+       <li>Item 18</li>\r
+       <li>Item 19</li>\r
+       <li>Item 20</li>\r
+</ul>\r
+</body>\r
+</html>
\ No newline at end of file