Arrange image and text in a div, div after div

[_Flaviu]

How can I list several div's tags with the following pattern ? Untitled hosted at ImgBB — ImgBB[^] I have tried something like this:

.title{
display: inline;
}

.icon{
display: block;
}

.item-text{
float: right;
}

	My title




	![](...)




	Lorepsum imte ...

but don't work correctly.

[Richard Deeming]

If you want the text to wrap, then float the image:

.title {
display: block;
}
.icon {
float: left;
margin-inline-end: .5em;
margin-block-end: .5em;
}
.item-text {
/* None */
}

Demo[^]

---

"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

[_Flaviu]

Excellent, and if I would list several times that pattern, one under another ? I did:

		Introduction To XHTML 1.0
	

	

		![](http://dummyimage.com/200x200/f0f/fff)
	

	

		Topics includes: Introduction To XHTML 1.0, 
		Introduction To Tag and Attribute Syntax,
		Introduction To Element Content Syntax, 
		Document Structure and Head Level Tags, 
		Body Tag and Block Level Tags,
		Understanding In-line Elements and Tags, etc
	

	

		Introduction To XHTML 2.0
	

	

		![](http://dummyimage.com/200x200/f0f/fff)
	

	

		222 2222 Topics includes: Introduction To XHTML 1.0, 
		Introduction To Tag and Attribute Syntax,
		Introduction To Element Content Syntax, 
		Document Structure and Head Level Tags, 
		Body Tag and Block Level Tags,
		Understanding In-line Elements and Tags, etc

but the pattern its not listed one under another.

[Richard Deeming]

Add clear: both; to the .title rule:

.title {
display: block;
clear: both;
}

Demo[^]

---

"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer

[_Flaviu]

Thank you a lot Richard ! It works !

[Zarchiver Apk]

Great! Remini Download