Почему текст выделяется при выделении блока в месте, где текста нет?

Question

[fregire]

Выделяю область блока с текстом в месте, где текста нет, но он выделяет этот текст:
Что делать?
Вот HTML-код:

<section class="clearfix">
					<article>
						<h1>Заголовок1</h1>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia saepe in temporibus repellendus, et iste placeat consectetur magnam odio! Repudiandae saepe iste, nemo labore ratione illum ex, odit harum consequuntur.</p>
					</article>
</section>

Вот ситили для этого кода:

.top-main section {  //.top-main - div в котором лежит section с текстом
	width: 50%;
	padding: 5px;
	height: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

Comments

[Максим]

покажите весь код ...
выложите его на codepen.io ...

Answer 1

[Exploding]

Это из-за флоат: лефт'а;
Наверно.

Comments

[fregire]

и как это решить?

[Exploding]

fregire, изменить на инлайн-блок. Ну учтите, это я так говорю, пальцем в небо...

Answer 2

[Илья]

Не очень понятно, что имеется в виду, но попробуйте дать clearfix блоку .top-main