• 解決済 ragcii

    (@ragcii)


    下記のブログで、brタグの行間を開けたいのですが、
    いろいろなサイトを見ても、分かりませんでした。

    http://life-spotlight.com/mystory-01/

    現在、0.5行ほどの行間だと思うのですが、
    これを1行の行間に変えるためには、
    どのようにCSSを修正すればよいか調べきれませんでした。

    甘ったれかもしれませんが、どなたかご指導いただけると
    助かります。

    ちなみに、CSSの上部は、下記のような設定となっていました。

    /* ———————————————————————-
    basic setting
    ———————————————————————- */

    body { margin:0; padding:0; background:#f9f9f9;
    font-family: “メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,Hiragino Kaku Gothic Pro,”MS Pゴシック”,sans-serif;
    color:#333;
    }
    a img { border:none; }
    a, a:visited { outline:none; }
    a:hover { }
    p { margin:0 0 1.5 0; padding:0; line-height:150%; }
    ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; }
    ul li { margin:0; padding:0; line-height:normal; zoom:1; }
    ol { margin:0 0 2em 19px; padding:0; }
    ol li { padding:0 0 5px 0; line-height:normal; }
    dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
    dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; }
    dl dt { font-weight:bold; }
    form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
    table { border-collapse:collapse; width:100%; border:0; }
    cite { text-align:right; display:block; }
    object { display:block; margin:0 auto; height:auto; }
    del { color:#333; }
    hr { border:1px solid #ccc; margin:40px 0; }
    .wp-caption-text { text-align:center; }
    .alignright { float:right; }
    .alignleft { float:left; }
    .aligncenter { margin-left:auto; margin-right:auto; }
    .centered { margin-left:auto; margin-right:auto; }
    .clear { clear:both; }
    input[type=”text”], input[type=”password”], textarea, select { outline: none; }

    pタグは、この中の太文字の指定を変更したら
    反映しました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • margin で改行の余白を調整します。

    こんにちは、

    br要素は、html4でいうところの inline 要素なので、

    スタイルシートで、特別な指定がされていない場合は、marginは効かないかもしれません。

    style.cssの末尾に追加

    #main_content .post br{
    line-height:2em;
    }

    2emは、ご自身で調整してみてください。

    トピック投稿者 ragcii

    (@ragcii)

    >맹조 様
    ありがとうございました。

    >nobita 様
    ありがとうございました!

    Pタグと同じようなものと思い込んでいたので、
    制御が違うことが意識にまったくありません
    でした。

    ご指導いただいた内容を元に適応させたところ、
    反映しました。

    数時間さまよった挙句、ここに相談を投稿したので、
    一瞬で解決してしまい、本当に嬉しいです。
    ありがとうございます!

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「brタグの行間を広げたい」には新たに返信することはできません。