我想在 css 中的 2 个单词之间添加一个空格,例如:
1 RUNNING DAYS [email protected] /cdn-cgi/l/email-protection
在 HTML 中有  
但使用不正确 
我认为?
<div class="bandeau-blanc">
<div class="sous-titre-bandeau-blanc"><i class="far fa-calendar"></i> 1 RUNNING DAYS <i class="far fa-envelope"></i>[email protected] /cdn-cgi/l/email-protection</div>
</div>
如何在 CSS 中做到这一点?
.sous-titre-bandeau-blanc{
font-family: 'Open Sans', sans-serif;
font-size: 13.3333px;
color: #474747;
padding-top: 14px;
padding-left: 28px;
padding-bottom: 15px;
}
谢谢
您可以将文本包装在 p 标记中,并且可以在使其成为内联块后为其添加边距。
或者,您可以将容器设为弹性盒,然后使用justify-content: space-between;
但您需要将每个图标及其各自的文本分组到另一个 div 或 span 中。
例如:
<div class="bandeau-blanc">
<div class="sous-titre-bandeau-blanc">
<span>
<i class="far fa-calendar" />
<p>1 RUNNING DAYS</p>
</span>
<span>
<i class="far fa-envelope" />
<p>[email protected] /cdn-cgi/l/email-protection</p>
</span>
</div>
</div>
<style>
.sous-titre-bandeau-blanc {
display: flex;
justify-content: space-between;
width: 450px;
}
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)