V1
Tässä katkelmassa on ihan helvetisti sisältöä.
Petturi paljastuu. Ja työnantaja.
Ja muita juttuja.
O1
Tämä on ihan lyhyt katkelma.
V2
Tämä onkin sitten ihan lyhyt osio
O2
Tämä on Lehrak! Tämä on Lehrak! Tämä on Lehrak!
Tämä on Lehrak! Tämä on Lehrak! Tämä on Lehrak!
Tämä on Lehrak! Tämä on Lehrak! Tämä on Lehrak!
Viha, viha, viha, viha, viha, viha
V3
Tämä alkaa uskoakseni olla ihan riittävän pitkä esimerkki.
O3
Tämä alkaa uskoakseni olla ihan riittävän pitkä esimerkki.
```
Lopputulos on tämä:
![Jännittävämpi esimerkki](palstat3.png)
Eli siis kaikessa yksinkertaisuudessaan ``tupla``-luokalla varustetun ``div``-tagin sisällä toistetaan ``vasen``-divejä ja ``oikea``-divejä seuraavassa rakenteessa:
```
Snowien anekdootin alkuosa
Juuri sillä hetkellä viereisellä palstalla tapahtui Kepen yskäisy.
Snowien anekdootin loppuosa
Kepe yskäisi.
```
Lopputulos on tämä:
![Klaanonin jännittävin viesti](palstat5.png)
(Huomaa kriittinen tyhjä tagi ``
...
```
3) Palstojen osioille on oletustyylissä määritelty ``padding: 5px;``, mikä tekee niiden välille viiden pikselin verran tyhjää tilaa. Tämä on minusta hyvä, melko huomaamaton visuaalinen vihje siitä, että lukijan kannattaa osioiden rajapinnassa vilkaista viereistä palstaa. Jos tästä ei pidä, css:n voi varastaa Klaanon-sivulta ja upottaa omaan viestiinsä ilman sitä muotoilua. Mutta minusta se on ihan hyvä näin. Taistelkaa kanssani.
4) Olen havainnut, että kaksipalstaisten alueiden ja tavallisen leipätekstin väliin kannattaa usein laittaa ``rv``-``div``ejä, jotta ei synny liian ahdasta vaikutelmaa. Tämän ohjeen kanssa saa olla eri mieltä.
## Kokeellinen keino tehdä skaalautuvia kuvia
Haluatko ropeviestiisi kuvia, jotka voivat olla maksimissaan tiedoston leveyden kokoisia mutta skaalautuvat pienemmäksi, jos jonkun näyttö on liian pieni? Laita ropeviestiisi loppuun tällainen juttu:
```
```
Sitten kuvat saa laitettua viestiin näin:
```
```
Tämä ratkaisu sisältää purkkaa ja on muutenkin huono, saa ehdottaa parempaa. (yksi parempi ratkaisu on tehdä uusi klaanon-sivu)