The CSS float property is primarily used to shift content horizontally - by default to the right (float: right) or left (float: left) of its container. While it can affect top/bottom positioning indirectly through layout changes, its primary and most common use is for horizontal alignment.