<center>
<table style="width: 100%; max-width: 600px; padding: 20px;">
<tr>
<td style="background-color: #eeeeee; font-size: 14px; padding: 16px; font-family: Verdana, Geneva, sans-serif; border-radius: 25px;">
<div id="editable">
<h1>Hello!</h1>
<p>Highlight part of this text and the context toolbar will appear.</p>
</div>
</td>
</tr>
</table>
</center>
tinymce.init({
selector: "#editable",
inline: true,
plugins: "quickbars",
quickbars_selection_toolbar: "styleselect | bold italic forecolor | removeformat",
quickbars_insert_toolbar: false,
menubar: false,
toolbar: false
});
This Pen doesn't use any external CSS resources.