• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:一部文字の上下padding設定について)

一部文字の上下padding設定について

このQ&Aのポイント
  • 上下paddingを設定して文字位置の高さを変える方法
  • 左右paddingは有効になるが、上下paddingが有効にならない問題の解決方法
  • テスト文章とテストリンクの文章に存在する[テスト]という文字の上下paddingを設定する方法

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

スタイルシートを期待通り適用させるためには、HTMLが正当でないと。 a要素は行内要素ですから、body直下には置けません。(エラーにはなりませんが、divなどの直下にも置くべきではない--匿名ボックスが生成されます) <p class="pst">ここに<span>テスト</span>文章段落1</p> <p class="ast"><a href="#">ここに<span>テスト</span>リンク1</a></p> でよいかと。 p.pst,p.ast{line-height:40px;margin:0 10px;background-image:url(back.jpg);} p.pst span,p.ast span{position:relative;top:-10px;}

kureakai
質問者

お礼

>a要素は行内要素ですから、body直下には置けません。(エラーにはなりませんが、divなどの直下にも置くべきではない--匿名ボックスが生成されます) 分かりやすい説明ありがとうございました。