https://try.digitalocean.com/cloud-hosting/

I'm often curious how the source of a page looks like. So I inspected the headline "Cloud hosting developers love.".

This is what I found:

<h1 style="line-height: 77px;"> <span style="font-size: 60px; letter-spacing: -1.33px;"><span style="color: rgb(255, 255, 255);"><span class="ub-dynamic">Cloud</span></span></span><span style="font-size: 72px; letter-spacing: -1.33px;"><span style="color: rgb(255, 255, 255);">&nbsp;</span></span><span style="font-size: 60px; letter-spacing: -1.33px;"><span style="color: rgb(255, 255, 255);">hosting</span></span> <br> <span style="font-size: 60px; letter-spacing: -1.33px;"><span style="color: rgb(255, 255, 255);">developers love.&nbsp;</span></span> </h1>

I find this kind of crazy inline styling and absurd choice of elements pretty often these days. Why? What is going on?