Safari で直接 HTML を編集する

多くの Web ブラウザでは表示している HTML をリアルタイムに編集して、
表示を確認できる機能がデフォルトで付いています。

Mac + Safari の場合は
alt + command + I
で開発者ツールを出して、「リソース」をクリック。

編集したい要素で右クリック（ctrl + クリック）→ HTML として編集
を選ぶと、その場で HTML を編集して見栄えを確認できます。

style 属性をその場で書いて、CSS 調整の参考にすると便利です。