wrap span around each character and put spans inside a div with a class named after the element