css Hyphens

dabblet.css

/**
 * css Hyphens
 */

body{font-size:32px;}
p{text-align:justify; width:50rem;  font-size:100%; hyphens:auto;}

dabblet.html

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Proclivi currit oratio.</b> <b>Nemo igitur esse beatus potest.</b> <a href='http://loripsum.net/' target='_blank'>Esse enim, nisi eris, non potes.</a> Duo Reges: constructio interrete. At tu eadem ista dic in iudicio aut, si coronam times, dic in senatu. Immo istud quidem, inquam, quo loco quidque, nisi iniquum postulo, arbitratu meo. Quae diligentissime contra Aristonem dicuntur a Chryippo. Sit enim idem caecus, debilis. </p>

<p><b>Ut pulsi recurrant?</b> An est aliquid per se ipsum flagitiosum, etiamsi nulla comitetur infamia? Ut in geometria, prima si dederis, danda sunt omnia. At enim hic etiam dolore. <a href='http://loripsum.net/' target='_blank'>Si quicquam extra virtutem habeatur in bonis.</a> Suam denique cuique naturam esse ad vivendum ducem. </p>

<p>Quis istud possit, inquit, negare? Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Omnia peccata paria dicitis. <a href='http://loripsum.net/' target='_blank'>Vide, quaeso, rectumne sit.</a> Esse enim, nisi eris, non potes. Innumerabilia dici possunt in hanc sententiam, sed non necesse est. Non autem hoc: igitur ne illud quidem. Ait enim se, si uratur, Quam hoc suave! dicturum. Aliter enim nosmet ipsos nosse non possumus. Iam id ipsum absurdum, maximum malum neglegi. At quicum ioca seria, ut dicitur, quicum arcana, quicum occulta omnia? </p>

<p>Sullae consulatum? <i>Non potes, nisi retexueris illa.</i> Ratio quidem vestra sic cogit. Esse enim, nisi eris, non potes. </p>

<p>Superiores tres erant, quae esse possent, quarum est una sola defensa, eaque vehementer. Quis suae urbis conservatorem Codrum, quis Erechthei filias non maxime laudat? Eorum enim est haec querela, qui sibi cari sunt seseque diligunt. Duae sunt enim res quoque, ne tu verba solum putes. <i>Quod ea non occurrentia fingunt, vincunt Aristonem;</i> Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Modo etiam paulum ad dexteram de via declinavi, ut ad Pericli sepulcrum accederem. <a href='http://loripsum.net/' target='_blank'>Iam contemni non poteris.</a> O magnam vim ingenii causamque iustam, cur nova existeret disciplina! Perge porro. Expressa vero in iis aetatibus, quae iam confirmatae sunt. Quis hoc dicit? Beatus sibi videtur esse moriens. </p>

dabblet.js

/* Metalab2 js structure */

var M3 ={
	UI : {},
	fiche : {}
};

// define the objects + their properties and methods
M3.UI = {
        name : 'john',
        test: function(str){
            alert("heil:"+str);
        },
        print: function(str){
        	fiche.boom(str);
        }
    };
M3.fiche = {
        init: function(str){
         UI.test("yo! "+ str);
        },
        boom: function(str){
        alert("boom! "+ str);
        }
}
M3.fiche.init("cool");

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}