現象 （実ソース上では特に何か文字が混じってしまっている様子はないが）HTMLページ上に謎の記号、もしくは豆腐（□）が現れている。 ※ Macでは確認できず、WindowsのChromeで確認をお願いしたら表示されていた。ので、ブラウザにもよる？ 原因と対応 この正…

現象 リストで親要素の幅を固定値（500px）、子のli要素の幅はパーセンテージ（20%と80%）で指定。横並びとしたかったためinline-blockとした。 これで2:8で横並びになるはず… <ul style="width: 500px; background: orange;"> <li style="display: inline-block; width: 20%; background: red;">red</li> <li style="display: inline-block; width: 80%; background: blue;">blue</li> </ul> け…

現象 styleに打ち消し線が引かれており設定が反映されていない。 原因と対応 ソースをよく見てみたら、style指定の中に全角スペースが入っていることが原因だった…。しょうもない。 全角スペースを取り除くことで無事反映された。