ブログ講座の受講生さんからご質問いただいたので
こちらでお答えします!
枠線って、私の枠線一覧の記事のタグを使って作っていただくと
こんな感じになるのですが・・・
実は、文字数に合わせて
枠線の幅を自動調整する事ができます。
この自動調整している枠線のタグはこんな感じになっておりまして・・・
<fieldset style="display:inline-block;background:#ffcccc; padding:10px; border:none;"> 本文 </fieldset>
display:inline-block;
このタグを、枠線タグの冒頭
<fieldset style="
の後に入れていただくと
文字数に応じた枠線ができます!!
(半角スペースなどもナシでそのまま入れます)
<fieldset style="display:inline-block;border:5px double #ffbcdd;"> 本文 </fieldset>
<fieldset style="display:inline-block;background:#efffff; padding:10px; border:2px solid #33ccff;"> 本文 </fieldset>
<fieldset style="display:inline-block;background:#fff2e5; padding:10px; border:2px dashed #ff7f00;"> 本文 </fieldset>
こんな感じになりまーーーす
お試しくださいませ
《関連記事》
枠線の中で改行したら線が増えちゃった(゚д゚)!って時は・・・・
「スマホで見ると枠線から画像やリンクがはみ出しちゃう問題」の解決方法♡