Marathia’s Stacks

RapidWeaver stacks for the rest of us

RapidWeaver stacks for the rest of us

Stacks Image 91039

SmartFloat Stack demo #3

a right floating text element


demo #1 | demo #2 | demo #3 | demo #4 | demo #5 | demo #6 | demo #7 | back to the product page

A basic example: an image element floating to the right, and a text element wrapping around it. On screens smaller than 768px, the floating image element is shown above the wrapping element, with the same styling as the wrapping element.
Stacks Image 91280
On screens wider than 768px, this text wraps around the image on the right.

On smaller screens, this text is shown below the image.

Some filler text to make the floating element bigger than the wrapping element: Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Claritatem processus blandit non dolore praesent. Et esse parum quod in in. In odio legunt ipsum consectetuer elit. Mirum ipsum mazim legere litterarum eum. Placerat cum qui ut odio ullamcorper. Dynamicus quarta feugiat nulla consequat praesent. Iusto sit vero adipiscing et est. Aliquam luptatum vel eleifend facilisis iis. Est euismod typi quod volutpat videntur. In habent sequitur qui at option.

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…