New サムネイル プログラミング言語の最短勉強法:目的を持つ・英語で調べる・オライリーの本を読む New サムネイル 合計・平均値・最大値・最小値・最頻値・分散・標準偏差を計算する(オンライン電卓) New サムネイル JavaScriptのfilterで配列から空要素(undefined)を除く:filter(B

ソースコードはpreとcodeで囲う&cssのmargin設定はpreで指定

広告

ソースコードをHTMLに表示するときはcode要素に入れるが、そのcode全体もpre要素に入れるようにする。つまり

.abcde {
  font-size: 12px;
}
FILE *fp;
fclose(fp);

というソースコードをHTMLに表示するときは

<pre><code>
.abcde {
  font-size: 12px;
}
FILE *fp;
fclose(fp);
</code></pre>

とする。

ソースコードのmarginはpreで指定

preとcodeで囲ったソースコードのmarginは、codeではなくpreで指定する。例えば

pre {
  margin: 12px;
}

とする。

code {
  margin: 12px;
}

とすると、code全体ではなく最初の行だけがmargin指定される(Chromeで確認)。

広告

広告

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy