View Single Post
Old 09-11-2015, 08:39 AM   #3
JavaJim
Junior Member
JavaJim began at the beginning.
 
Posts: 6
Karma: 10
Join Date: Jul 2014
Location: Sundridge, ON, CA
Device: Nexus4
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">&gt; 4 * 6 + 5<br class="calibre5"/><br class="calibre5"/>[1] 29<br class="calibre5"/><br class="calibre5"/>&gt; (4 * 6) + 5<br class="calibre5"/><br class="calibre5"/>[1] 29<br class="calibre5"/><br class="calibre5"/>&gt; 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">&gt; 4 * 6 + 5<br class="calibre5"/>
<br class="calibre5"/>
[1] 29<br class="calibre5"/>
<br class="calibre5"/>
&gt; (4 * 6) + 5<br class="calibre5"/>
<br class="calibre5"/>
[1] 29<br class="calibre5"/>
<br class="calibre5"/>
&gt; 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
    }
Attached Thumbnails
Click image for larger version

Name:	NoOperatorsScreen.PNG
Views:	474
Size:	1.9 KB
ID:	141900   Click image for larger version

Name:	NoOperatorsLiveCSS.PNG
Views:	471
Size:	49.8 KB
ID:	141901  

Last edited by JavaJim; 09-11-2015 at 08:42 AM.
JavaJim is offline   Reply With Quote