Živá ukázka

Výsledek

HTML

Autoformát
Standardní režim
Mobilní zobrazení

.X {
    background: white;
    padding: 10px;
    float: center;
    width: 100px;
    height: 30px;
    color: black;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-bottom: 2px

}
.Y {
    background: white;
    padding: 10px;
    float: center;
    width: 100px;
    height: 30px;
    color: black;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 0px solid;
    border-top: 2px solid;
    margin-bottom: 0px

}
.X2 {
    background: white;
    padding: 10px;
    float: center;
    width: 100px;
    height: 30px;
    color: black;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-bottom: 2px

}
.Z {
    background: white;
    padding: 10px;
    float: center;
    width: 337px;
    height: 30px;
    color: black;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-top: 0px solid;
    margin-bottom: 2px

}

CSS

Autoformát
CSS reset
Až na konci

JS

Autoformát
jQuery
Umístění JS