Když třeba použiji např. <div style="float: left"> ať již před nebo za celým blokem, stejně se posune vždy jen daný výraz (text, obrázek či tlačítko) před či za tímto výrazem. Tzn. neposune se onen celý složený blok, ale jen text.

Tak nevím, zda to dělám správně.

Jenže já potřebuji, aby se za tímto blokem:

</div><div class="mt-4 keditable">
Návod k použití pro vysavač a úklidový systém Kobold VK7:
</div><div class="mt-2 mb-2 kimgRatio"><img title="Návod pro vysavač Kobold VK7 od Vorwerku" alt="Návod pro vysavač Kobold VK7 od Vorwerku" class="img-fluid" src="data/files/navody-ke-stazeni/vk7manual-sm.png" align="left"></div><div class="koButtons d-flex pb-4"><a class="btn btn-color1" href="data/files/navody-ke-stazeni/koboldvk7-navodkpouziti-vorwerk.pdf">Návod k použití - Kobold VK7</a>

zařadil tento celý blok hned vedle něho (za ním):

</div><div class="mt-4 keditable">

Návod k použití pro vysavač a úklidový systém Kobold VB100:
</div><div class="kimgRatio mt-2 mb-2"><img class="img-fluid" alt="" title="" src="data/files/navody-ke-stazeni/koboldvb100-manualsm.jpg" align="left"></div><div class="koButtons d-flex pb-4"><a class="btn btn-color1" href="data/files/navody-ke-stazeni/koboldvb100-navodkpouziti-vorwerk.pdf">Návod k použití - Kobold VB100</a>

a tak dále každý za každým, tedy zkrátka aby "pluly" po stránce a až na ně nevyjde místo, aby se automaticky zase řadily na dalších řádcích další bloky. Nevím jak jinak to vysvětlit. Snad je to srozumitelné. Dále viz screen.

Jak to tedy bude vypadat, prosím? Moc díky