HTML 構文

質問

HTMLについての質問です。
勉強を始めたばかりですので、至らぬ点はご容赦いただければ幸いでございます。

以下が正解コードの一部です。
.xxx-image {
float: left;
height: 180px;
}
.xxx-text-headline {
padding-bottom: 15px;
}
.xxx-text {
float: left;
padding: 30px 0 0 25px;
}
.xxx-date {
display: inline-block;
font-size: 12px;
}

ーーーーー以下が私が間違えたコードです。
.xxx-image {
float: left;
height: 180px;
}
.xxx-text-headline {
padding-bottom: 15px;
}
.xxx-text {
float: left;
padding: 30px 0 0 25px;
}
.xxx-date {
font-size: 12px; ←間違い箇所
display: inline-block;
}

ここの順番を間違えただけで、本来ならば画像と文字を一定間隔あけたかったものが、くっついてしましました。
各順番は大切ですか？
よろしくお願いいたいます。

回答No.1

ngwaver

HTMLではなくCSSですね。

「.xxx-date」の「font-size: 12px;」と「display: inline-block;」の順番を変えても表示結果は変わらないので、別の場所が違っていたのではないでしょうか。