New Post: Visual Editor additional tags

Hello!

I am currently trying to build a professional bootstrap template into my website.
My problem is, that headlines are styled using an aditional wrapping div element.
E.g: for a h5:

<div class="headline">
    <h5> 
       ....
    </h5>
</div>

Can I - and if so, then how? - teach the visualeditor via the common.xml (or something else) that it has to wrap an h5 into this div with the class "headline" when the User selects some "headline 5" styling?

e.g. I would love to see something like:

<format id="h1" ....>
      <div class="headline">
           <selector/>
      </div>
</format>

Also: As soon as I add a 'classes="headline"' to the <format> element of "h1" it is not visible anymore in the editor. Am I doing something terribly wrong?