美味しさと麺づくりへの探究心─こだわりの旨い麺、「樹」がつくります。

Scratch _01

Visualモードで編集すると、spanで非表示テキスト等が入っているのもあって、編集位置が良く分からなくなります。
Visualモードは確認だけにしましょう(見終わって、テキストモードで再編集する場合は、例によってリロードして編集します)。
 もテキスト編集画面では消えて、ただの半角空きになります。
また、Visualモードでは、iタグ間にはその半角空きか、非表示でも何かの要素が無いとiタグ自体が消えてしまいます。
また、iタグ間にテキスト等を挿入すると縦組みのようになります。つまり横幅が制限されています(CSS上での設定かもしれません)。
 ここにテキスト等
 
ここはiタグ間になにも入れていません。
 ここはiタグ間に半角空きを入れています。入れている方が、左にぴったり合っているようです。*width:1emでtext-align:centerとなっている為のようです。

 テキストなのでCSS装飾も可能です


▼以下、編集用の自由なScratch

 icon-angle-double-right   icon-arrow-circle-right   icon-arrow-right   icon-bookmark   icon-check   icon-check-square   icon-check-circle   icon-check-square-o   icon-chevron-circle-right   icon-envelope   icon-envelope-o   icon-exchange   icon-exclamation-circle   icon-exclamation-triangle   icon-external-link   icon-external-link-square   icon-eye   icon-flag   icon-forward   icon-group   icon-hand-o-right   icon-info   icon-info-circle   icon-long-arrow-right   icon-mail-forward   icon-paperclip   icon-pencil   icon-phone   icon-phone-square   icon-picture-o   icon-plus   icon-plus-circle   icon-plus-square   icon-question   icon-question-circle   icon-search   icon-share   icon-shield   icon-sign-out      icon-tag   icon-tags   icon-th   icon-th-large   icon-thumb-tack   icon-thumbs-o-up   icon-toggle-right   icon-truck   icon-user   icon-user-md   icon-warning   icon-wrench   icon-youtube-play