JSFiddle - React, Tailwind, and code Playground

by Paul Irish

HTML

<script src="http://mothereffinghsl.com/js/libs/modernizr-1.8pre.js"></script>
<a href="http://text-align.com/centaur.js">view centaur.js source</a>

<h1>The Centaur</h1>
<h4>Algernon Blackwood</h4>
<h5>1911</h5>


<p>An ardent lover of wild outdoor life, he knew at times a high, passionate searching for things of the spirit, when the outer world fell away like dross and he seemed to pass into a state resembling ecstasy. Never in cities or among his fellow men, struggling and herded, did these times come to him, but when he was abroad with the winds and stars in desolate places. Then, sometimes, he would be rapt away, caught up to see the tail-end of the great procession of the gods that had come near. He surprised Eternity in a running Moment.

For the moods of Nature flamed through him—in him—like presences, potently evocative as the presences of persons, and with meanings equally various: the woods with love and tenderness; the sea with reverence and magic; plains and wide horizons with the melancholy peace and silence as of wise and old companions; and mountains with a splendid terror due to some want of comprehension in himself, caused probably by a spiritual remoteness from their mood.

The Cosmos, in a word, for him was psychical, and Nature's moods were transcendental cosmic activities that induced in him these singular states of exaltation and expansion. She pushed wide the gateways of his deeper life. She entered, took possession, dipped his smaller self into her own enormous and enveloping personality.

He possessed a full experience, and at times a keen judgment, of modern life; while underneath, all the time, lay the moving sea of curiously wild primitive instincts. An insatiable longing for the wilderness was in his blood, a craving vehement, unappeasable. Yet for something far greater than the wilderness alone—the wilderness was merely a symbol, a first step, indication of a way of escape. The hurry and invention of modern life were to him a fever...

CSS

p { 
      text-align: centaur;
    }

JavaScript

// the text-align: centaur; polyfill
// by paul irish

// it will find any styles that use `text-align: centaur` and instantly centaurize that text!

// includes the JSCSSP parser by Daniel Glazman


// thx to cameron daigle for march 2011's best javascript.
// http://textaligncentaur.com/



Modernizr
    // first we feature test for native support of text-align: centaur;
    // because...  you never know..
        .addTest('textaligncentaur', function(){
            var div = document.createElement('div');
            div.style.textAlign = 'centaur';
            return div.style.textAlign == 'centaur';
        })
    // now we load our polyfill.
        .load({
          test : Modernizr.textaligncentaur,
          nope : 'http://text-align.com/centaur.js' // thx for the hosting vlad!
        });





// apparently this doesnt work in FF. Sry!