Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<h1>Vycentrovaná tabulka (od IE 6)</h1> <table style="margin: 0 auto;"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> <hr> <h1>Nevycentrovaná tabulka</h1> <table style="margin-left: 0; margin-right: 0;"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> <hr> <h1>Vycentrovaná tabulka (od IE 6)</h1> <table style="margin: auto;"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> <hr> <h1>Vycentrovaná tabulka (od IE 8)</h1> <div style="text-align: center"> <table style="display: inline-table;"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> </div> <hr> <h1>Postaru vycentovaná tabulka atributem ALIGN</h1> <table align="center"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table><hr> <h1>Postaru vycentovaná tabulka tagem CENTER</h1> <center> <table> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> </center> <hr> <h1>Takto to radšji nadělejte (od IE 8)</h1> <div style="text-align: center"> <table style="display: inline-block;"> <tr> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> </tr> <tr> <td>31</td> <td>32</td> <td>33</td> </tr> </table> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { border-collapse: collapse; border: 2px solid; } td { border: 1px solid; padding: 2px 5px; } h1 { font: 1em sans-serif }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>