Using the builtin Emmet functionality, you select any arbitrary text or HTML and wrap it with new markup by executing the command Emmet: Wrap with Abbreviation and typing an Emmet abbreviation.

I’m going to be using this all the time now!

It even understands JSX so it’ll output className if you specify a css class.