how to float three div side by side ?

Answer 1

Add the 'float: left' style and control spacing between them through 'margin' style.
Don't forget to clear the float for the element that comes after these divs: 'clear: left'.

Answer 2

try display: flex; and flex box properties

Answer 3

to zinc: please, I tried in other web-editor, seems clear float is not working? the following contents keep to the margins side of the last floated elements, you think anything wrong?

Answer 4

@Cheukyan Did you try clear: both;?
Sorry for the late answer.

Answer 5

well, u could also try setting the display property of the element and its siblings to inline-block just like this ;
(selector){
display : inline-block;
}