CSS හි float අංග පෙනුම හරහා ගමන් කිරීම

දැන් අපගේ පාඨය ඡේද තුළ තබා ඇතැයි සිතමු, සහ float ගුණය ලබා දී ඇති පින්තූරය මෙම ඡේදවලට ඉහළින් පිහිටා ඇත. මෙම අවස්ථාවේදී සියල්ල ක්‍රියා කරනු ඇත, කලින් වැනි - වෙනත් ටැග් තිබීම පැහැදිලි කිරීමට බාධා නොකරයි:

<div>
	<img src="img.png" alt="">
	<p>
		some long text
	</p>
	<p>
		some long text
	</p>
</div>

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
img {
	float: left;
}

පළමු ඡේදයේ පාඨය ඉතා අල්පයි යැයි දැන් සිතමු - මෙම අවස්ථාවේදී පින්තූරය දෙවන ඡේදයට ද ඇතුල් වනු ඇත:

<div>
	<img src="img.png" alt="">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
	</p>
	<p>
		some long text
	</p>
</div>

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
img {
	float: left;
}