Post Title wrap around image

[matiusmatt]

I have read how to wrap text, which as I understood is the following:

Container, set display to block. Div inside container. Div display set to block. image inside div. Text inside div, after image. Div CSS add “root {
float: right;
}”

I tried this and it didn’t work.

This is what I’m trying to acheive:

This is what I’ve achieved:

[matiusmatt]

Ok so I figured it out. I basically followed the other posts about “text wrap around image” but added % before and after root in the image custom CSS. I’m a noob so I’m not sure why this made it work

%root% {
float: right;
}

[GratuiTous]

Bricks changed from

root {}

To

%root% {}

In later versions…

There’s also that keyboard shortcut of “r + TAB”

Good job on figuring out the code!

You may want to have some left & bottom margin on the image for spacing:

// Adjust spacing as desired!
%root% {
  float: right;
  margin-left:8px;
  margin-bottom: 5px;
}