• 文字サイズ


解決済

HTML,CSSコードに関して

  • 相談者:非公開
  • 2020/09/24 18:22
お世話になります。

最近HTML、CSSを独学で勉強し始めました。
ショットスクリーンに仕様を載せています。
1行目と2行目の間の空白を縮めたいです。
どう書けばいいでしょうか。

HTML部分:
<div class="boxA">
<a href="リンク">
<div class="box1">
<div class="box1a">
<img src="写真"width="80"height="80">
</div>
<div class="box1b">
<span class="smalltext">カバーオール</span><span class="cm">ロンパース</span>
</div>
</div>
</a>

CSS部分:
.smalltext {font-family: sans-serif;font-size: 25px;line-height:none;font-weight:bold;font-stretch: condensed;white-space: pre-wrap;text-align: center;vertical-align: top;}

.cm {font-family: sans-serif;font-size: 25px;font-weight:bold;}

.box1a{float: left;width: 10%;}

.box1b{float: left;width: 70%;padding-left: 49px;}

a {text-decoration:none;color:#51514f;}
キーワード:HTMLCSS文字間隔
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 2020/09/24 18:46
ECマスターズの伊藤です。

> 最近HTML、CSSを独学で勉強し始めました。
> ショットスクリーンに仕様を載せています。
> 1行目と2行目の間の………(省略)………
  • 返信者:非公開
  • 2020/09/24 19:30
もっとシンプルに書かれたほうが良いかと思います。
同じ書体・フォントならBRで改行して、1.5とかで数値で入れてあげればいいです。
1.2とかでもOKです。………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:45
Becky!さん
ご回答ありがとうございます。
書き換えましたが、解決でき出ないですね。
でもありがとうございます。

伊藤さん
htmlファイルを………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:51
うまくアップ出来てないみたいですので、ソースを添付します。

<!DOCTYPE html>
<html lang="ja">
<head>
<met………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/25 07:56
完成イメージも添付します。
よろしくお願い致します。###IMG0a77370b283bb7b1748bf031863a20c0a.jpegI………(省略)………
  • 返信者:非公開
  • 2020/09/25 11:53
ECマスターズの伊藤です。

> うまくアップ出来てないみたいですので、ソースを添付します。

ソースの詳細のご連絡ありがとうございました。

コメ………(省略)………
  • 返信者:非公開(質問者)
  • 2020/09/26 07:09
伊藤さん

教えていただいた情報で解決しました。ありがとうございます!………(省略)………