Thread: CSS to keep images left (and not nesting)
View Single Post
Old 04-24-2018, 02:27 AM   #4
doubleshuffle
Unicycle Daredevil
doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.doubleshuffle ought to be getting tired of karma fortunes by now.
 
doubleshuffle's Avatar
 
Posts: 13,944
Karma: 185432100
Join Date: Jan 2011
Location: Planet of the Pudding Brains
Device: Aura HD (R.I.P. After six years the USB socket died.) tolino shine 3
It might work if you put image and the text that goes with it in a <div class="clear"> together. I just tried the following code on the W3C site, and there it does what you want it to do:

Spoiler:
Code:
<!DOCTYPE html>
<html>
<head>
<style>
img {float: left;}
div.clear {clear:both}
</style>
</head>

<body>
<h1>The clear Property</h1>

<div class="clear">
<img src="w3css.gif" width="100" height="132">
<p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p></div>

<div class="clear">
<img src="w3css.gif" width="100" height="132">
<p>This is also some text.</p></div>

<div class="clear">
<img src="w3css.gif" width="100" height="132">
<p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p></div>

</body>
</html>


Just put the code in the test window on the left here:
https://www.w3schools.com/cssref/try...ss_class-clear
and hit the green "Run" button.
Last edited by doubleshuffle; 04-24-2018 at 02:50 AM.
doubleshuffle is offline   Reply With Quote