OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <html><head> |
| 3 <title>block-as-inline</title> |
| 4 <style> |
| 5 .inline {display: inline;} |
| 6 .inline-block {display: inline-block;} |
| 7 </style> |
| 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| 9 </head><body> |
| 10 <div> |
| 11 I like: |
| 12 <div class="inline">A</div> |
| 13 <address class="inline">א</address> |
| 14 <div class="inline">ב</div> |
| 15 (3 things total). |
| 16 </div> |
| 17 <div> |
| 18 Address : |
| 19 <address class="inline">A</address> |
| 20 <div class="inline">א</div> |
| 21 <address class="inline">ב</address> |
| 22 (3 things total) |
| 23 </div> |
| 24 <div> |
| 25 Center : |
| 26 <center class="inline">A</center> |
| 27 <center class="inline">א</center> |
| 28 <center class="inline">ב</center> |
| 29 (3 things total) |
| 30 </div> |
| 31 <div> |
| 32 Figure : |
| 33 <figure class="inline"> |
| 34 <p class="inline">A</p> |
| 35 <figcaption class="inline">א</figcaption> |
| 36 <blockquote class="inline">ב</blockquote> |
| 37 </figure> |
| 38 (3 things total) |
| 39 </div> |
| 40 <h1> |
| 41 Header : |
| 42 <hgroup class="inline"> |
| 43 <h2 class="inline">A</h2> |
| 44 <h3 class="inline">B</h3> |
| 45 <h4 class="inline">א</h4> |
| 46 <h5 class="inline">ב</h5> |
| 47 <h6 class="inline">ג</h6> |
| 48 (5 things total) |
| 49 <hgroup> |
| 50 </h1> |
| 51 <table> |
| 52 Table : |
| 53 <thead class="inline"> |
| 54 Head : |
| 55 <tr class="inline"> |
| 56 row |
| 57 <th class="inline">א</th> |
| 58 <th class="inline">ב</th> |
| 59 </tr> |
| 60 (3 things total) |
| 61 </thead> |
| 62 </table> |
| 63 <table> |
| 64 <tfoot class="inline"> |
| 65 Foot : |
| 66 <tr class="inline"> |
| 67 row |
| 68 <td class="inline">א</td> |
| 69 <td class="inline">ב</td> |
| 70 </tr> |
| 71 (3 things total) |
| 72 </tfoot> |
| 73 </table> |
| 74 <table> |
| 75 <tbody class="inline"> |
| 76 Body : |
| 77 <tr class="inline"> |
| 78 row |
| 79 <td class="inline">א</td> |
| 80 <td class="inline">ב</td> |
| 81 </tr> |
| 82 (3 things total) |
| 83 </tbody> |
| 84 </table> |
| 85 <dl> |
| 86 list : |
| 87 <dt class="inline">A</dt> |
| 88 <dd class="inline">א</dd> |
| 89 <dt class="inline">B</dt> |
| 90 <dd class="inline">ב</dd> |
| 91 (4 things total) |
| 92 </dl> |
| 93 <ol> |
| 94 One ordered : |
| 95 <li class="inline">A</li> |
| 96 <li class="inline">א</li> |
| 97 <li class="inline">ב</li> |
| 98 (3 things total) |
| 99 </ol> |
| 100 <ul> |
| 101 One unordered : |
| 102 <li class="inline">A</li> |
| 103 <li class="inline">א</li> |
| 104 <li class="inline">ב</li> |
| 105 (3 things total) |
| 106 </ul> |
| 107 <div> |
| 108 I like: |
| 109 <div class="inline-block">A</div> |
| 110 <div class="inline-block">א</div> |
| 111 <div class="inline-block">ב</div> |
| 112 (3 things total). |
| 113 </div> |
| 114 <p> |
| 115 <summary class="inline">A</summary> |
| 116 <p class="inline">B</p> |
| 117 <pre class="inline">content ב</pre> |
| 118 (7 Lorem) |
| 119 <p> |
| 120 <div> |
| 121 I like: |
| 122 <div class="inline">A</div> |
| 123 <div class="inline" dir="rtl">א</div> |
| 124 <div class="inline" dir="rtl">ב</div> |
| 125 (3 things total). |
| 126 </div> |
| 127 <div> |
| 128 I like: |
| 129 <div class="inline-block">A</div> |
| 130 <div class="inline-block" dir="rtl">א</div> |
| 131 <div class="inline-block" dir="rtl">ב</div> |
| 132 (3 things total). |
| 133 </div> |
| 134 </body></html> |
OLD | NEW |