title: TinyMCE - Apply "text-align" to span
body: <p>I'm currently using the WYSIWYG editor tinyMCE in a CMS for clients to create their own text for adverts.
  This means that on the front end, everything they put in the textarea will appear in an <code>&lt;a&gt;</code> tag.</p>
  
  <p>I'm trying to make sure the semantics are correct so I have disabled the <code>forced_root_block</code> option to stop <code>&lt;p&gt;</code> tags being used, but the text-align options wrap the selected text/element in a <code>&lt;div style="text-align:center"&gt;</code> which I don't want.</p>
  
  <p>Is there a way I can force tinyMCE to use <code>&lt;span style="display:block; text-align:center"&gt;</code> instead to achieve the same result.</p>
  
  <p>Here is my current tinyMCE init</p>
  
  <pre><code>tinymce.init({
          selector: 'textarea#advertText',
          menubar: false,
          width: &lt;?php echo $selectedSizeWidth ?&gt;,
          height: &lt;?php echo $selectedSizeHeight ?&gt;,
          forced_root_block: false,
          resize: false,
          invalid_elements: 'div',
          plugins: [
              'textcolor colorpicker fontawesome'
          ],
          fontsize_formats: "14px 16px 18px 20px 24px 36px",
          toolbar: 'bold, italic, underline, strikethrough, |, fontsizeselect, |, forecolor, backcolor, |, alignleft, aligncenter, alignright, alignjustify, |, outdent, indent, |, fontawesome'
  });
  </code></pre>
  
  <p>Thanks</p>