前編で組み立てたUIの外側の部分と内側のメッセージ部分を組み合わせて、メッセージログのUI全体を作成します。実装は仕様どおりでも特定のブラウザでの挙動が想定とは異なる場合の対処も併せて解説します。

メッセージログのUIをHTMLとCSSで組み立ててみます。みなさんもUIのデザインと仕様から自分ならどう実装するか、一度考えてみてください。