Favoritlayout 2c

Dette eksempel er identisk med favoritlayout 2b, bortset fra indsætningen af et billede. Billedets placering bestemmes dels af placeringen i kildekoden og dels af en stylesheet formdeklaration:

img.rightpix {float:right;margin:0.5em 0 0.5em 0.5em;}

float-egenskaben bestemmer. at billedet skal højrestilles, samt at teksten skal flyde op til venstre for billedet. margin-egenskaben fortæller, at der skal være 0,5 em højders margin på alle sider af billedet undtagen højre side.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam bibendum tempor nulla. Sed commodo. Aliquam feugiat lorem nec sem. Nullam consequat tristique libero. Suspendisse id erat. Duis ante sem, laoreet nec, nonummy non, posuere at, sapien. Nam porta. Cras sapien tortor, vehicula at, scelerisque quis, consequat at, enim. Fusce quis tortor. Quisque magna. Proin nunc. Phasellus purus metus, tempus a, lobortis in, mollis sed, erat. Nulla facilisi. Curabitur wisi.

Quisque posuere lobortis turpis. Aenean eu lacus. Donec sed lacus eget dui rhoncus tempor. Pellentesque tellus tortor, mattis non, posuere ac, mattis sed, diam. Maecenas accumsan libero sit amet libero.

Retur til foregående

Hvis du vil se html-kildekoden og stylesheet'et for hele siden, må du bruge browserens Vis kilde funktion.