我的“秋装”边境线的右边不见了,我想知道怎样才能把它拿回来?

h3.outfitsbuttonsheadings {
text-align: center;
font-family:'Mali', cursive;
}
span.outfitsbuttonsheadings {
text-align: center;
padding-left: 4px;
padding-right: 4px;
border: 2px solid black;
}
span.date {
text-align: center;
font-family: "Times New Roman";
font-weight: normal;
}<h3 class="outfitsbuttonsheadings">
<span class="outfitsbuttonsheadings">Autumn outfits<br></span><span class="date">23 September, 2018</span>
</h3>
发布于 2018-10-31 00:28:38
边框由于标记无效而消失;不能将<br />标记作为<span>标记只允许短语内容在<span>标记的中。
简单地将<br />标记移动到之后,<span>标记将恢复边框:
h3.outfitsbuttonsheadings {
text-align: center;
font-family: 'Mali', cursive;
}
span.outfitsbuttonsheadings {
text-align: center;
padding-left: 4px;
padding-right: 4px;
border: 2px solid black;
}
span.date {
text-align: center;
font-family: "Times New Roman";
font-weight: normal;
}<h3 class="outfitsbuttonsheadings">
<span class="outfitsbuttonsheadings">Autumn outfits</span>
<br>
<span class="date">23 September, 2018</span>
</h3>
发布于 2018-10-31 00:28:47
在第一个span结束之前,您有一个br标记:
h3.outfitsbuttonsheadings {
text-align: center;
font-family: 'Mali', cursive;
}
span.outfitsbuttonsheadings {
text-align: center;
padding-left: 4px;
padding-right: 4px;
border: 2px solid black;
}
span.date {
text-align: center;
font-family: "Times New Roman";
font-weight: normal;
}<h3 class="outfitsbuttonsheadings">
<span class="outfitsbuttonsheadings">Autumn outfits</span><br><span class="date">23 September, 2018</span>
</h3>
https://stackoverflow.com/questions/53074623
复制相似问题