サンプル専用ページ

トモタヌキのサンプル集

インラインレベルのposition:absoluteが、何の位置指定もしていないと親要素のtext-alignの影響を受ける実験サンプル

この記事は「インラインレベルのposition:absoluteが、何の位置指定もしていないと親要素のtext-alignの影響を受ける」の実験サンプル記事です。

テキストなし

テキストあり①(親要素にテキストあり)

box1

テキストあり②(子要素にテキストあり)

box2

テキストあり③(子要素と子要素の後にテキストあり)

box2box1

テキストあり④(子要素と子要素の前にテキストあり)

box1box2

テキストあり⑤(子要素と子要素の前後にテキストあり)

box1box2box1

元のページにもどる