**Never**, ever forget browser prefixes for CSS keyframe animations. You just might smash your head on your keyboard if you do so.

.floating{
margin-left: 10px;

float: left;
-webkit-animation:  float 3s ease-in-out infinite;
-moz-animation: float 3s ease-in-out infinite;
-o-animation: float 3s ease-in-out infinite;
animation:  float 3s ease-in-out infinite;

}