Как это понять (и исправить)?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Варианты верстки</title>
<style>
#Central_column_news {background-color: #6F9; width:100%; vertical-align:middle;}
#Central_column_news_image {width:38%; float:left; }
#Central_column_news_image img {width:100%; height:auto;}
/* КОЛОНКА НОВОСТЕЙ */
#Central_column_news_name {background-color: #f4e7bd; padding:1%; border-radius:20px; width:60%; float:left; vertical-align:middle;}
#Central_column_news_name p {text-align:center; font-weight:bold; vertical-align:middle;font-size:110%}
.clear {position:relative;display:block;clear:both;}
</style>
</head>
<body>
<div id="Central_column_news">
<div id="Central_column_news_image">
<img src="221.gif" alt="Новости">
</div>
<div id="Central_column_news_name"> <!-- Начало кода заголовка КОЛОНКА НОВОСТЕЙ -->
<p>КОЛОНКА НОВОСТЕЙ</p>
</div> <!-- Конец кода заголовка КОЛОНКА НОВОСТЕЙ -->
</div>
<div class="clear"></div>
<p>Средняя
Товарищ вредного чернеца (им был Дуров), Илья Перекопский.. </p>