Html 三分胜出'；t在水平行中对齐

我已经尝试了所有的方法，看了很多相关的讨论，但是没有任何帮助。我正在通过Dreamweaver进行设计，当我在D.W中查看设计时，所有3个div都在一行中，但在ie浏览器中，div在一列中

HTML

网址是 任何帮助都会很好

---

非常感谢。

首先，删除

清除：无无论你在哪里；它没有做任何有用的事情。第二，正如用户j08691所提到的，这里有三个以上的div，所以不完全清楚要水平对齐哪些div。不过，我会假设它是以
.fluid
作为类的。所以你可以这样做：

.fluid {
    float: left;
}

浮动：左边的
是你的朋友。PS：当我在这里的时候，示波器标志上的手工艺品是可怕的。我在这里看到的不仅仅是三个div。为什么你的CSS到处都包含
clear:none
。你为什么不使用Bootstrap之类的工具呢。让你的生活变得更加轻松和美丽。
.container {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
clear: none;
   }

    #news {
width: 32.2033%;
clear:none;
    background-color: rgba(232,138,12,0.57);
    }
      #events {
clear:none;
display: inline-block;
margin: 0 auto;
      width: 33.7288%;
background-color: rgba(20,18,241,1.57);
    }

   #newsletter {
background-color: rgba(16,203,225,1.57);
      width: 20.2033%;
   clear:none;

     }

.fluid {
    float: left;
}