Images beside text

About the template and stylesheet - and changing the menu
Posts: 56
Joined: Sun Apr 02, 2017 8:05 am

Images beside text

Postby wbs » Fri Jun 02, 2017 1:00 pm

What is the most conviniet way to display images besides text in responsive layouts? People used to use tables with two columns to place text and images side by side.

I'm trying to do it like that:

Code: Select all

<p><img style="float: right;" src="img.jpg" alt="img">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum nulla velit, scelerisque ultricies mi efficitur in. Integer blandit imperdiet rutrum. Curabitur vulputate in massa at blandit. Nullam dapibus, lacus nec porttitor molestie, felis enim semper enim, quis malesuada quam magna eget elit. Aenean pretium eros non consectetur malesuada. Etiam vestibulum efficitur turpis, at sagittis orci interdum in. In ac diam eu metus condimentum hendrerit. Nullam bibendum scelerisque sodales. Mauris vel condimentum augue, et feugiat neque. Nullam ullamcorper iaculis felis. Fusce egestas diam enim, ac volutpat nisi finibus sed. Duis eu ex quam. Aliquam orci quam, finibus blandit imperdiet id, finibus at neque. Donec eget feugiat odio, in consectetur metus. Morbi eu enim ut ex fringilla tristique ut a diam. Nam euismod sodales ipsum et iaculis. </p>
<p style="clear: both;"> </p>

Is there a way to vertical center the text beside the image if the viewport is wide enough that the text doesn't exceed the images width? Is there some better way to solve this?

Posts: 1335
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony

Re: Images beside text

Postby frase » Fri Jun 02, 2017 1:54 pm

Have a look at CMSimple_XH 1.7.0rc1 at

Return to “Changing layout”

Who is online

Users browsing this forum: No registered users and 1 guest