I cannot float the headline left immediately after an image

[Ben]

I cannot float the headline left immediately after an image.

I added a max width to both elements and added the following CSS + class:

.testimonial_left_float .x-image{
  float: left;
  display: block !important;
}

.testimonial_left_float .x-text .x-text-headline{
   float: left;
  display: block !important;
}

I used the developer tool to check the selectors, so I think I have this right. What am I missing?

Page: http://18.209.43.156/local-business/advertising-packages/

[Prasant]

Hello @Ben,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

.x-text.testimonial_left_float {
    float: left;
    margin-top: 3em;
}

.x-image.testimonial_left_float {
    float: left;
    max-width: 30%;
    width: 20%;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.