レンダリング：
<！DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>ノート一品秒</ TITLE>
<スタイルタイプ= "テキスト/ cssの">
＃ボックス{
マージン：は50px自動;
幅：400ピクセル;
高さ：30px;
国境：1pxの固体＃ 999 ;
}
＃でる{
フロート：右;
幅：30px;
高さ：30px;
ボーダー -radius：50％;
色：＃ 999 ;
テキスト - 整列：センター;
フォント - サイズ：12ピクセル;
行 - 高さ：30px;
カーソル：ポインタ;
トランジション：.2s。
ユーザー - 選択：なし;
}
#out：ホバー{
色：ブラック。
}
#out：アクティブ{
背景色：RGBA（0,0,0、0.2）
}
</スタイル>
</ head>の
<身体>
<DIV ID = "箱">
<DIV ID = "アウト"> X </ div>
</ div>
</ BODY>
</ HTML>