回答編集履歴
1
コメントを受けて簡単に補足しました。わかりづらいかもですが...。
test
CHANGED
|
@@ -153,3 +153,11 @@
|
|
|
153
153
|
|
|
154
154
|
|
|
155
155
|
すみません、ざっくりなので余白は適当です。こういうことではなかったらごめんなさい。1000pxぐらいまではなんとか。
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
2020-06-04_追記：
|
|
160
|
+
|
|
161
|
+
borderをつけたnew-topicは可変で、news-listの分を除いた幅なので端までborderがつきます。なかのテキストに余白をつけるのとdateとtopicを横並びにするのにflexをつかっています。このときtopicにmargin-rightを指定しているのでnew-topicは端まで余白なくつきますが内側のtopicには余白が発生している状態です。
|
|
162
|
+
|
|
163
|
+
ざっくりした説明だと、p要素に線をつけて、内側のspanにmarginをつけたかたちです。ほかにもp要素に余白を設定して親divをつけたりできます。要素を入れ子にして内側の要素にmarginをあたえる手法で乗り切ります。
|