お世話になります。

最近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;}