Float: right not working

Question

I have two divs whose classes are left and right. left floats left and right, div floats right, but float does not work, I don’t know why ... I can’t set the width in the left div, because I don’t know the right width of the div div. Therefore, it must be liquid ... here is the page: link removed. sorry

and here is the page where it works. http://www.france24.com/en/20100111-freud-monet-basquiat-view-paris-2010

I spend these 3 hours, I don’t know why the right does not swim ...

Update : the problem is fixed! Thanks;)

Answer 1

Do not float the contents of the article on the left; he does not do anything. Instead, grab the items you want to swim to the right and place them above the main content. This is how floats work. If you find that it does not work, even after testing, try again: P

Answer 2

The correct float should be in front of the left.

Answer 3

Merge right float with width

 .walk-text { float: right; width: 70%; } 

Answer 4

use the delimiter to push it right

  <div class="mdl-layout-spacer"></div>