2个字之间的空格CSS [英] space between 2 words CSS

问题描述

例如，我想在CSS中的2个单词之间留一个空格:

I would like to do a space between 2 words in css for example:

 1 RUNNING DAYS    [e-mail]

在HTML中有& nbsp ，但是我认为使用& nbsp 是不正确的吗?

In HTML there is  &nbsp but it's not correct to use &nbsp I think?

<div class="bandeau-blanc">
        <div class="sous-titre-bandeau-blanc"><i class="far fa-calendar"></i> 1 RUNNING DAYS &nbsp;&nbsp; <i class="far fa-envelope"></i>[e-mail]</div>
    </div>

如何在CSS中做到这一点?

How to do that in 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;

}

谢谢

推荐答案

如果我对您的理解正确，我会做类似的事情

I would do something like this, if I'm understanding you correctly

<style>
    .space-between {
        display: inline-block;
        padding-left: 3em;
    }
    .space-between:first-child {
        padding-left: 0;
    }
</style>

<div class="bandeau-blanc">
    <div class="sous-titre-bandeau-blanc">
        <div class="space-between"><i class="far fa-calendar"></i> 1 RUNNING DAYS</div>
        <div class="space-between"><i class="far fa-envelope"></i>[e-mail]<div>
    </div>
</div>

这篇关于2个字之间的空格CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！