How do you do soft hyphenation in HTML?

Soft hyphenation using ­ (­)
<p>Su&#173;per&#173;ca&#173;li&#173;fra&#173;gi&#173;lis&#173;tic&#173;ex&#173;pi&#173;a&#173;li&#173;do&#173;cious
Su&#173;per&#173;ca&#173;li&#173;fra&#173;gi&#173;lis&#173;tic&#173;ex&#173;pi&#173;a&#173;li&#173;do&#173;cious
Su&#173;per&#173;ca&#173;li&#173;fra&#173;gi&#173;lis&#173;tic&#173;ex&#173;pi&#173;a&#173;li&#173;do&#173;cious
Su&#173;per&#173;ca&#173;li&#173;fra&#173;gi&#173;lis&#173;tic&#173;ex&#173;pi&#173;a&#173;li&#173;do&#173;cious
Su&#173;per&#173;ca&#173;li&#173;fra&#173;gi&#173;lis&#173;tic&#173;ex&#173;pi&#173;a&#173;li&#173;do&#173;cious
</p>

Su­per­ca­li­fra­gi­lis­tic­ex­pi­a­li­do­cious Su­per­ca­li­fra­gi­lis­tic­ex­pi­a­li­do­cious Su­per­ca­li­fra­gi­lis­tic­ex­pi­a­li­do­cious Su­per­ca­li­fra­gi­lis­tic­ex­pi­a­li­do­cious Su­per­ca­li­fra­gi­lis­tic­ex­pi­a­li­do­cious