HTML transform(rotate) probléma hogyan oldható meg?

A

.sakktabla { border-spacing: 0; border-collapse: collapse; margin: 20px; }

definícióból szedd ki a

border-collapse: collapse;

deklarációt.

Tedd bele a szöveget egy div-be és azt rotate-eld!

Ugyanazokat a definíciókat miért ismétled minden barna(1, 2, 3) class-nál? Adj nekik egy közöset!

Akkor inkább már így:

[link]

Vagy táblázattal:

[link]

De egy elementnek adhatsz több classt.

<div class="kozos sajat1"></div>

<div class="kozos sajat2"></div>

<div class="kozos sajat3"></div>

.kozos {

/* ide jön, amit megismételtél sokszor */

}

.sajat1 {

/* ide pedig, ami egyedi */

}