Как сделать, чтобы в css блоки были на одном уровне(линии)?
О господи люди до сих пор верстают float'ами. Я думал динозавры уже вымерли. Держи правильный вариант....wrapper {
  display: flex;
}

.center, .right, .left {
   height: 100%;
}

.center{
    background: orange;
    width: 70%;
 }
 
 .left, .right{
    background: black;
    width: 15%;
 }<div class="wrapper">
  <div class="left">лево</div>
  <div class="center">центр</div>
  <div class="right">право</div>
</div>Пример
Вам так нужно?
Если да, то как вариант:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Главная страница</title>
<style>
	#center{
		background: orange;
		width: 70%;
		height: 100%;
		float: left;
	}
	#left{
		background: black;
		width: 15%;
		height: 100%;
		float: left;
	}
	
	#right{
		background: black;
		width: 15%;
		height: 100%;
		float: left;
	}
</style>
</head>
 
<body>
 
	<div id="left">лево</div>
	<div id="center">центр</div>
	<div id="right">право</div>

</body>
</html>