Помещение границы вокруг плавающих элементов

Допустим, у меня есть что-то вроде следующего кода, где я хочу отобразить текст между двумя изображениями, которые плавают слева и справа.

<img src="testImage1.png" alt="Test Image 1" style="float:right;" />
<img src="testImage2.png" alt="Test Image 2" style="float:left;" />
<p>Test Text</p>

Я хочу добавить границу вокруг двух изображений и текста. Я попробовал поместить

вокруг всех трех вышеуказанных тегов и использовать style="border:2px black solid;". Хотя это добавляет границу, кажется, что это не учитывает изображения. То есть, мы получаем что-то вроде следующего (используя StackOverflow и логотипы Google).

enter image description here

Я предполагаю, что это происходит потому, что плавающие элементы не рассматриваются как часть

. Я разработчик программного обеспечения, а не веб-разработчик, поэтому я не эксперт в CSS. Но мне кажется, я припоминаю, что плавающие элементы в некотором роде "игнорируются". Может ли кто-нибудь дать подробное описание того, что происходит и как это исправить?

26
задан Snowy Coder Girl 4 January 2012 в 01:34
поделиться