box幅を超えた　full width box

この、投稿の　article要素は、以下のスタイルで着色してあります。

article{
 border:1px dotted #ccc;
 background:rgba(222,222,222,.2);
}

時々、この要素を飛び出してフルサイズで表現したいようなことがあります。

例えば、YouTubeのシアターモードボタンを適用すると

こんな感じも、ちょっといい。

<div style="margin:0 -50%;padding:10px 50%;background:rgba(0,0,0,1);text-align:center;">

</div>

Note:この要素の親要素では、 overflow-x: hidden;が設定されている必要があります。

CSS note