Aligning Images and Paragraphs (HTML, CSS)

Del-0000

I want to align my paragraphs and images like the first and second paragraphs shown, but right now I have to use a lot of linebreaks so that they don't stack like the third image. Is there a way to achieve it? Thank you.

[Screenshot of Webpage][1]

Jelmer Jellema

Put each pair of img and p in a div I guess that should do it, otherwise a "clear: both;" helps:

<div class="clear"> <h4><img src="image01.jpg"/>Equalization</h4>
 <p>Paragraph one....</p></div>
 <div class="clear"> <h4><img src="image02.jpg"/>Pitch shifting</h4>
 <p>Paragraph two....</p></div>

css:

.clear { clear: both; }
img {float: left; /* etc */ }

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related