First let me say that none of this is my own - in case it sounded like it was a book I wrote.
The NoOperatorsScreen.png attached is a piece of a screenshot showing how it displays.
The NoOperatorsLiveCSS.png is the LiveCSS view produced from the editor (I've also copied the CSS below the HTML).
Here is the HTML for the paragraph
Code:
<p class="pre">> 4 * 6 + 5<br class="calibre5"/><br class="calibre5"/>[1] 29<br class="calibre5"/><br class="calibre5"/>> (4 * 6) + 5<br class="calibre5"/><br class="calibre5"/>[1] 29<br class="calibre5"/><br class="calibre5"/>> 4 * (6 + 5)<br class="calibre5"/><br class="calibre5"/>[1] 44</p>
Here is the same HTML for the paragraph - but I have edited it for formatting reasons (at each <br>)
Code:
<p class="pre">> 4 * 6 + 5<br class="calibre5"/>
<br class="calibre5"/>
[1] 29<br class="calibre5"/>
<br class="calibre5"/>
> (4 * 6) + 5<br class="calibre5"/>
<br class="calibre5"/>
[1] 29<br class="calibre5"/>
<br class="calibre5"/>
> 4 * (6 + 5)<br class="calibre5"/>
<br class="calibre5"/>
[1] 44</p>
CSS for class="pre"
Code:
.pre {
display: block;
font-family: "Courier New";
font-size: 0.75em;
text-align: left;
margin: 10pt 0 10pt 20pt
}
CSS for class="calibre" (this is the class for <body>)
Code:
.calibre {
display: block;
font-size: 1em;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
CSS for class="calibre5"
Code:
.calibre5 {
display: block
}