スタッフブログ
※印のある文の
2行目以降を
右にずらす
「※印」を含めた注釈でよくみられる記述は以下の通り。
<p>※ここに注釈の内容を書く</p>
注釈の内容が１行で済むような短い文章の場合は問題ないですが、複数行に至る場合、２行目以降の１文字目と１行目にある※印の縦位置が同じになってしまう。
例えば、以下。
※注釈１行目
注釈２行目
注釈３行目
上記の場合では「※印」が目立たなくなってしまうので、「※印」だけを左にだしたい！
※注釈１行目
注釈２行目
注釈３行目
こんな感じ。上記は何をしているかと申しますと CSS で以下のような指定をしています。
.kome{
text-indent: -1em;
padding-left: 1em;
}
text-indent: -1em; で文章の１文字目を１文字分だけ左にずらし、padding-left: 1em; で文章全体を１文字分右にずらしています。
昔、雑誌で目にし、それ以来使っている方法です。たまに「どうやるの？」と聞かれることがあるので。
ホームページ制作を承ります
相模原市にある会社・店舗・事務所様からのご依頼大歓迎！
- 【士業】
- 弁護士(法律事務所)，公認会計士，税理士，司法書士，行政書士，社会保険労務士など
- 【住まい】
- 不動産，工務店，建設・建築会社，設計事務所，リフォーム会社，建物管理会社，電気工事，水道工事など
- 【乗り物】
- 中古車ショップ，バイクショップ，自転車ショップ，自動車整備，運転代行など
- 【飲食業】
- レストラン，カフェ，甘味処，洋菓子店，パン屋など
- 【医療・福祉】
- 病院，クリニック，歯科医，整体院，接骨院，介護センターなど
- 【美容・健康】
- トレーニングジム，エステサロン，ネイルサロン，美容院，美容室など
- 【教育・育児】
- 専門学校，学習塾，幼稚園，保育園，認定保育園，カルチャースクール，パソコン教室など
- 【その他】
- イベントサイト，産業廃棄事業，リサイクルショップ，雑貨店，ペットショップ，旅館，楽天市場店舗・Yahoo!ストア・MakeShopなど
- 【外注元】
- デザイン事務所、広告代理店、ホームページ制作会社など
上記以外の業種でもホームページ制作・WEBシステム/アプリケーション開発につきましては、神奈川県相模原市中央区にあるオフィス木蓮までお気軽にご連絡・お問い合わせください。スマートフォン・タブレット対応、WordPress によるホームページ制作もお任せ下さい。他社が制作されたホームページでも対応します。また、ウェブアクセシビリティ(Webアクセシビリティ)対応のご相談も承ります。
