<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 class="editable">
<h1>Hello!</h1>
<p>This text is styled with the "editable" class. A CSS inlining tool can be used to convert it to HTML with inline styles.</p>
</div>
</td>
</tr>
</table>
</center>
.editable p {
color: #0C74DB;
}
tinymce.init({
selector: ".editable",
inline: true,
toolbar: "styleselect | bold italic forecolor | removeformat",
menubar: false
});
This Pen doesn't use any external CSS resources.