Código HTML editable con previsualización:
<div id="lorem">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula quam, pretium at interdum quis, mattis non turpis. Fusce tempor, urna quis semper ornare, ipsum dolor maximus elit, in laoreet sapien neque ac lorem. In hac habitasse platea dictumst. Suspendisse tortor nibh, aliquet ac justo vitae, feugiat dictum risus. Mauris suscipit augue at volutpat iaculis. Donec pretium volutpat nisi, eget euismod dolor mollis ut. Nulla in ipsum elit. In ut nibh eu tortor lobortis auctor. Vivamus nec dui id arcu vulputate tempus ac eget nunc.</p>
</div>Código CSS editable, pero sin previsualización:
#lorem {
text-align: justify;
color: #9e6464;
}Código HTML no editable, pero con previsualización:
<div id="lorem">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula quam, pretium at interdum quis, mattis non turpis. Fusce tempor, urna quis semper ornare, ipsum dolor maximus elit, in laoreet sapien neque ac lorem. In hac habitasse platea dictumst. Suspendisse tortor nibh, aliquet ac justo vitae, feugiat dictum risus. Mauris suscipit augue at volutpat iaculis. Donec pretium volutpat nisi, eget euismod dolor mollis ut. Nulla in ipsum elit. In ut nibh eu tortor lobortis auctor. Vivamus nec dui id arcu vulputate tempus ac eget nunc.</p>
</div>
<style>
#lorem {
text-align: justify;
color: #9e6464;
}
</style>