导致布局问题的HTML格式

我今天遇到了一个奇怪的问题，我不能说在我设计网站的五年多时间里我遇到过这个问题

我正在将一个简单的HTML网站从一个主机移动到另一个主机。但是，我对代码所做的HTML格式似乎无法在新主机上正确显示。守则的其中一部分是：

<header>
     <div></div>
     <div></div>
</header>

以前，两个

div

s将在

标题

元素中并排显示。但现在，这两个元素处于不同的线上。但它们应该放在同一条线上。由于某些原因，在两个元素之间添加了一个空格，这会将第二个元素碰撞到新行

如果我将HTML代码全部更改为一行（删除空格），如：

它显示得很好

为什么会发生这种情况，以及如何在不缩小HTML代码的情况下修复它？它发生在我整个网站的任何内联块元素上，这些元素的总宽度为100%。例如，我的侧边栏现在显示在我的内容下面

---

正如我已经提到的，它在以前的主机上运行得很好。我没有对HTML代码做任何更改。只需登录到Filezilla，将文件从旧服务器复制到我的桌面，然后登录到新服务器并将其上载到新服务器。

当Filezilla的字符编码设置为二进制时，从旧服务器下载文件，然后将其上载到新服务器。

Filezilla的字符编码可能导致这些问题，将其更改为二进制可以解决将来的此类灾难。

header div {
     width:50%;
     padding:0px;
     margin:0px;
     box-sizing:border-box;
     display:inline-block;
}

<header><div></div><div></div></header>