コードの表示

　ブログ上でコードを思ったように表示させるのは意外と難しく、なかなか言う事を聞いてくれない。

　この方法がベストなのかどうかは分からないけど、とりあえず、<pre><code>～ソース～</code></pre>のやり方で行くことにした。

　スタイルシートに以下を追加。

pre {
  background-color: #222222;
  color: #33ff99;
  margin-left: 2%;
  margin-right: 5%;
}
code {
  font-family: monospace, serif;
  font-size: 1em;
  line-height: 1.2;
}

昔のマイコン風に黒地に緑文字。