ソースコードを入力するpreタグを追加
見出しを選択するタブから整形済みのテキストを選択

下記のようにソースコードをpreタグが表示されるので、ソースコードを入力

ソースコードをハイライトする
上記のままだと、ソースコードがハイライトされていない(色がついていない)ので、
次に、ハイライトの設定をします。
下記の順にクリックしていきCocoonの設定を変更します。
Cocoon設定 → コード →ソースコードをハイライト表示 にチェックをつける

するとこのようにソースコードがハイライトされます!
/* コメント */
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}