I haven't ever done that, but it should be easy to do it within SD without manual editing after export. I find the following useful for all sorts of things that would otherwise need such post-export editing.
1. I wrap the element in a container
2. I right click on that container and choose 'Copy Element HTML'.
3. With the container still selected I go to the Element Panel's Content Code box and paste there what I'd just copied.
4. In that box I remove the outer tags of the container, and edit the element there.
Of course one could just do it by using an HTML element and manually remaking the element, but the above retains all the styling of the original element.
To illustrate, I attach a ludicrously simple example. Previewing the source code in a browser will show what happens.
Frank