how do i center the image using float element

there is no float center because floats take elements out of the content flow and position them as far left/right as possible. floats by themselves only move things sideways.

float :center that is not valid we have to use float :none;

 float :none;