CSS to stop text wrapping under image

Question

I have the following markup:

  
  Text, text and more text         


        

Answer 1

Wrap a div around the image and the span and add the following to CSS like so:

HTML

        

          

          
Text, text and more text
        

CSS

            #CN2787 > div { 
                display: inline-block;
                vertical-align: top;
            }

            #CN2787 > div:first-of-type {
                width: 35%;
            }

            #CN2787 > div:last-of-type {
                width: 65%;
            }

LESS

        #CN2787 {
            > div { 
                display: inline-block;
                vertical-align: top;
            }

            > div:first-of-type {
                width: 35%;
            }
            > div:last-of-type {
                width: 65%;
            }
        }