Html CSS内联Div不可见间距?

Html CSS内联Div不可见间距?,html,css,Html,Css,我一直在努力让这些小分队排成一排,彼此之间没有空间。不太清楚发生了什么。。。我什么都试过了,只是不知道这是什么。。。我知道这是一个简单的修复,但它似乎不想工作。奇怪的是,有时我会在Chrome上乱搞实时代码,而它似乎神奇地瞬间起作用 感谢您的帮助 这是我的小提琴: HTML <div class="table-Container"> <div id="fan-free-container"> FAN-FREE AND ENERGY EFFICIEN

我一直在努力让这些小分队排成一排,彼此之间没有空间。不太清楚发生了什么。。。我什么都试过了,只是不知道这是什么。。。我知道这是一个简单的修复,但它似乎不想工作。奇怪的是,有时我会在Chrome上乱搞实时代码,而它似乎神奇地瞬间起作用

感谢您的帮助

这是我的小提琴

HTML

<div class="table-Container">
    <div id="fan-free-container">
        FAN-FREE AND ENERGY EFFICIENT<br>
        <div id="seriesContainer">
            <div id="tx4200Container"><div class="txHeader">TX4200E</div></div>
            <div id="ks6700Container"><div class="ksHeader">KS6700</div></div>
            <div id="ks7200Container"><div class="ksHeader">KS7200</div></div>
            <div id="ks7500Container"><div class="ksHeader">KS7500</div></div>
            <div id="ks7700Container"><div class="ksHeader">KS7700</div></div>
        </div>
    </div>
</div>

内联元素对空格很敏感,因此您可以像下面这样消除div之间的空格


您还可以在它们之间使用HTML注释,如:

在谷歌上搜索一下答案就在这里@NinjaFart你做了什么?@metsales我只是把所有的DIV都放在一行。@NinjaFart所以它基本上是把新行字符变成空格?
#fan-free-container {
    background: rgb(230,231,233);
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    text-align: center;
    border-style: solid;
    border-color: #c4c5c6;
    border-width: 2px;
}

#seriesContainer > div{
    display: inline-block;
}

#seriesContainer div > div{
    padding: 4px 25px;
    color: white;
    font-weight: bold;
    border-style: solid;
    border-color: #c4c5c6;
    border-width: 2px;
}

.txHeader {
    background: -webkit-linear-gradient(#af9358, #ded1b9); /* For Safari */
    background: -o-linear-gradient(#af9358, #ded1b9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#af9358, #ded1b9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#af9358, #ded1b9); /* Standard syntax (must be last) */
}

.ksHeader {
    background: -webkit-linear-gradient(#06426b, #93a7c2); /* For Safari */
    background: -o-linear-gradient(#06426b, #93a7c2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#06426b, #93a7c2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#06426b, #93a7c2); /* Standard syntax (must be last) */
}