inline and block styling and handling

basic testing...

chaotic test page
#29
07.mar.2008

nested inline and block elements.

This is a test paragraph with some inline-elements inside. In fact there's a very long inline-element right here, and here's another one.

And here's something else followed by something different and some more, before ending here.

html body *:hover {
color: red!important;}
html body * *:hover {
color: green!important;}
html body * * *:hover {
color: blue!important;}
html body * * * *:hover {
color: yellow!important;}
html body * * * * *:hover {
color: magenta!important;}

#independent * {
position: static; border: solid 1px #58b;}
#independent .con {
display: block; background: #eee; padding: 6px;}
#independent .a1 {
width: 60%;}
#independent * {
position: static; border: solid 1px #58b;}
#independent * * {
border: solid 3px #b85;}
#independent * * * {
border: solid 3px #58b;}
#independent * * * * {
border: solid 3px #b85;}

Notes:

There are definitely some differences across browser-land.

tested browsers:

Opera:
win2K: 9.5b
winXP: 9.26
FF:
win2K: 2.x
winXP: 3.xb
Safari:
win-XP: 3.x
IE:
win2K: 6.0
winXP: 7.0

go to test-menu