Float不能按预期工作

Question

下面的示例与Visual Studio 2015，.Net Framework 4.5无法正常工作。 div出现在另一个下面而不是并排：

.MainBodyMenu {
  float: left;
  width: 10%;
  height: 500px;
  color: black;
}

.MainBodyContent {
  float: left;
  width: 90%;
  height: 500px;
  color: purple;
}

<form id="form1" runat="server">
  <div class="MainBodyMenu">Side by</div>
  <div class="MainBodyContent">side</div>
</form>

我正在使用Visual Studio 2015和.Net Framework 4.5。