• ベストアンサー

左余白を設ける

HTMLにおいて、GIF画像ではなく、通常のテキストを書くと、 左端から字が書かれてるのですが、 少し左に余白を設けたい（2文字分空白など）のですが、 どうすればいいのでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
noname#19206
noname#19206
回答No.1

２文字分の空白ならばCSSのmarginで2emを指定してみては如何でしょうか？ body {margin-left:2em;}

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • iPhoneでWebページに左余白を入れるには？

    ＨＴＭＬでＷｅｂページを書いています。 文章が多いページで、これを　iPhone で見ると、画面表示の左端に文字が隠れて（実際は隠れていないが、文字フォント左端ぎりぎりにディスプレイの枠があって）非常に読み辛い。 指で画面を右へずらすと左端に空白はあるが、指を離すと画面は左に戻ってしまい元の読み辛い表示に戻ってしまう。 指で画面をずらさなくても見える空白を文章表示の左にいれて、見やすくしたいが、ＣＳＳを body { margin-left: 5px; } としてやると、ＩＥで見れば表示の左端に空白が見えるが、iPhone で見ると、このマージン設定はしてもしなくてもまったく同じ。空白は相変わらず無し。 iPhone で見たときに　ページの左端に空白が見えて、画面の左側に文字が隠れているのではないとすっきり解る見やすい表示にするにはどうしたらよいか、方法ご存知の方よろくご教示お願いします。<blockquote>を使うと左に空白はできますが、これでは余白が大きすぎて無駄が多すぎる。空白は数ピクセルで充分なのです。

    • ベストアンサー
    • CSS
  • ＨＰ作成で左の余白を増やしたい

    お願いします。 ＨＰを作っているのですが、左の余白を増やして 全体をもう少し右に寄せたい時はＨＴＭＬ文のどこをいじれば いいのでしょうか。 ホームページビルダー８を使っています。 よろしくお願いします。

  • wordでの左インデントを一定にしたい

    wordで文章作成時左インデントが勝手に変わります 左余白を3文字とった場合、次に改行すると 勝手に余白が出来て左端からの文字が挿入できません いちいち書式設定の左インデントを0に戻しています どうすれば余白を取って、次の行に改行した場合インデント0で左から文字が打てますか？

  • 写真のプリントが左によって右に余白ができる

    エプソンPM3700cのプリンターでA4の写真をプリントすると、印刷プレビュで左端に画像がよって右に余白ができる。画面では中央にチェクをいれているのですがなおらない。どなたかわかる方がいらっしゃいましたら直す方法を教えてください。 ※OKWaveより補足：「EPSON社製品」についての質問です。

  • Excelの余白を極限まで小さくしたい

    Excel2000を使っています。 A4のラベルを作りましたが、左の余白をゼロにしたいと思っています。 通常、Excel＞プレビュー＞余白、ここの部分をゼロにすればよいと思いますが、もっと左に寄せたいのですがどの様にすればよいでしょうか？ なお、実験として用紙をLegalにすると、先ほどの設定通り、余白ゼロの状態でも、左の余白部分が更に開いてしまいました。 そのため、余白はプリンターの性能かと思ったのですが、Excelによっても、左の余白サイズは制御されているようです。 どの様にすれば、極限まで詰めることが出来ますでしょうか？

  • メール本文の左の空白を転送時などに残す方法

    メール本文の左の（全角数文字分の）スぺ―スを転送時などに残す方法を教えてください。 メールソフト；Windows Live Mail メール作成時に「テキスト形式」にすることで、メール本文の左の数文字の余白を残す事はできます。 ところが、そのメールを転送しようとしたり、また受け取ったメールの返事を書こうとすると左の余白が詰まってしまいます。困っています。

  • IllustratorCSで作った素材を　jpg　gif　に保存すると余白が出る

    イラストレーターで素材を作成しWeb用で保存でjpegかgifで保存しているのですが、作ったサイズ以外の余白が出来てしまう時があります。リサイズしてもその余白ごと小さくなるので削除できません。　これはイラストだけの時も、Illusutrator上に写真を配置して文字等を重ねて保存する時もどちらも出ます。また、4辺に出る時と、そうでない時とあります。（例えば右端に太い余白ができて左端や上下には少ししか出ていない）うまく説明できないのですが、原因の分かる方がおられましたら教えてください。　またPhotoshopも持っていますのでこちらで保存した方がいいのでしょうか？あまり使い慣れていないのでできればIllustratorで作業したいのでお願いします。

  • Dreamweaver MX　でリストを作成すると左に余白がでてしまう。

    DreamWeaver MX　でCSSで画面左の位置にサイドメニューを作っています。 メニューは縦並びです。 メニューの項目を<ul><li>○○○</li></ul>のような形で記述し、CSSでulとliの左マージン・左パディングをそれぞれ０pxに指定しています。 ブラウザではメニュー項目の左に余白もなく問題なく表示されているのですが、DreamWeaver上の編集画面ではメニューの項目の左に余白がでてしまい、その分右にずれてレイアウトが崩れてしまいます。 編集画面でも左に余白がでないようにするには どうすれば良いでしょうか？ お手数ですがご解答頂けますと幸いです。

  • Word2003で余白を変更すると図形がずれる・

    Word2003を使用しています。 現在１００ページ分にいろいろなテキストボックスや図形をいれています。 現在の余白は標準のままですが、 今回余白を変更しようと 変更前・・・上35mm 下30mm　左30mm　右30mmを 変更後・・・上10mm 下10mm　左10mm　右10.6mmに 変更すると今まででているテキストボックスや図形などが すべてずれてしまいます。 余白を変更してもテキストボックスなどの図形を 元の位置のままにしておくことはできますでしょうか・・・・ いろいろ調べてはみたのですが・・ もしわかりましたらよろしくご指導お願いいたします。<(_ _)>

  • excel2010余白０だが印刷プレビューでは

    excel2010を使っていますが、余白は0なのに右側がかなり余白があります。 ネットで検索してみると、プリンターによっては余白を削るにも限界があるらしいのですが、 僕の場合左はほとんど詰まっているのに右側がやたら空いています。 プリンターは古いcanonのPIXUSです。 ちなみに印刷しようとしているのは文字ではなく図形のみです（これが原因かも？） 添付ファイルに画像がありますので、参照してください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する