The calculated distance (air line) between Southampton and Hayling Island is approximately 21 miles respectively 33 kilometers.
By car or train, the actual journey to Hayling Island is certainly longer, as only the direct route (as the crow flies) between Southampton and Hayling Island has been calculated here.
Air line (approximately)
33 kilometers
18 nautical miles