Vyznačený text jsem v prvním odstavci nechal na svém místě,
ve druhém jsem jej posunul absolutním pozicováním (rodič má nastaveno position: relative), ve třetím je text vysunut relativně.
Odstavce jsem nechal plavat kvůli přehlednosti stránky, ale to na níže uvedený jev nemá žádný vliv.
Outline se má chovat jako border s tím, že se nezapočítává do rozměrů prvku.
Zatímco v Opeře zůstane ve všech odstavcích na svém místě, Firefox ho natahuje podle pozicovaných prvků.
Co je správně?
/* Obecné vlastnosti */
body {font: 12pt/1.5 'DejaVu Sans', Verdana, sans-serif; background-color: black; color: white; padding: 5px 20px;}
h1 {margin-bottom: 0;} pre {border-bottom: 1px dotted white; padding-bottom: 10px; font-size: 95%;}
pre em {font-style: normal; font-size: 95%; color: #aaa}
p#uvod {outline: none; border: none; padding: 5px; margin: 30px 0; float: none; max-width: 65em;}
code {font-size: 80%;}
p {background-color: white; color: black; padding: 5px;}
p strong {color: green; background-color: yellow;}
/* Nastavení problematických prvků */
p#prvni, p#druhy, p#treti {width: 300px; border: 5px groove red; margin: 50px 30px;
outline: 10px double white; float: left;}
p#druhy {position: relative; }
p#druhy strong {position: absolute; top: -35px; left: 0;}
p#treti strong {position: relative; left: -35px;}
Vyznačený text. Lákamí vůněhulás úmyval rohlivý jednovod lek sná ky říky škoda onouby. Ří Záprazy lesmělý měsíčníkl lák Tajakkoli smítkem zteplaled Marásná drátobick dechyňsko. Lva vůně Lžičkamí Dobzor uměsí dechvá hafanadop dopicí krazy lžičkolou obzor. Znoumít aný bubejmi dobývá Bolivní obzor podtrojdi čeprad z proje Hou. Smítkem proje dostě ček raj přestavý umraburdí raj.
Vyznačený text.Ří neřese krát rojedpovu přední záprosti ří Oba ří málně umraje. Božínům jakovoda rojskočár obit lžičkodpo jednovátc hal Tanechřeh nesta rohlínům krazy. Pokemi zno předopist umí trilogie umělý umítkočin umyvat kolobicí čníky hudba. Lžičkouza mat Dobzor načít hane dobzor úmyvalem z drásníky obse mutníky. Škoda čuva ne onová nucký obse čuvalemi rojdi říklemít stě nucký. Tor muto onová hodlo Ra zle kojsko.
Vyznačený text.Obzor hraparcip Ra al maráva autní přehliv ští vla Je Nesmetít. Ško hal říky Busluncen znovodlož čuvadi čepicí ční dopicí předa úmyva. Magne hudíčkou vlad ční říc parcipáda sudbale umělý autný Přesiv zásou. Přirohlín projedpok máš tavětraje stako parta rojskolý říky Jít z smítkem. Lžičkouza bývá doska úmyslušle umrapříke hal umrajedpo mocipádec nim Sudíční sůl. Řícit ří hal ří kamatko umyva.