html - Last margin ignored on CSS3 columns -


hi im trying make horizontally "paged" text. i.e. container has fixed height , should include n fixed width horizontally scrolling blocks. using css3 columns that. works nicely, but ignores last margin/padding, i.e. if scroll way right, last column flush edge of screen not want

demo: https://jsfiddle.net/d1ae6uet/

#foo {    column-width: 500px;    height: 500px;    column-gap: 50px;    padding: 50px;  }
<div id="foo">      <p>        </p>      <p>        produced g. fuhrman      </p>      <p>        leaves of grass      </p>      <p>        walt whitman      </p>      <p>        come, said soul, such verses body let write, (for one,) should after return, or, long, long hence, in other spheres, there group of mates chants resuming, (tallying earth's soil, trees, winds, tumultuous waves,) ever pleas'd smile may keep on, ever , ever yet verses owning--as, first, here , signing soul , body, set them name,      </p>      <p>        walt whitman      </p>      <p>        book i. inscriptions      </p>      <h2>        <a name='chapter_90'></a>        book i. inscriptions      </h2>      <p>        one's-self sing, simple separate person, yet utter word democratic, word en-masse.      </p>      <p>        of physiology top toe sing, not physiognomy alone nor brain alone worthy muse, form complete worthier far, female equally male sing.      </p>      <p>        of life immense in passion, pulse, , power, cheerful, freest action form'd under laws divine, modern man sing.      </p>      <p>        ponder'd in silence      </p>      <p>        ponder'd in silence, returning upon poems, considering, lingering long, phantom arose before me distrustful aspect, terrible in beauty, age, , power, genius of poets of old lands, me directing flame eyes, finger pointing many immortal songs, , menacing voice, singest thou? said, know'st thou not there 1 theme ever-enduring bards? , theme of war, fortune of battles, making of perfect soldiers.      </p>      <p>        so, answer'd, haughty shade sing war, , longer , greater 1 any, waged in book varying fortune, flight, advance , retreat, victory deferr'd , wavering, (yet methinks certain, or certain, @ last,) field world, life , death, body , eternal soul, lo, come, chanting chant of battles, above promote brave soldiers.      </p>      <p>        in cabin'd ships @ sea      </p>      <p>        in cabin'd ships @ sea, boundless blue on every side expanding, whistling winds , music of waves, large imperious waves, or lone bark buoy'd on dense marine, joyous full of faith, spreading white sails, cleaves ether mid sparkle , foam of day, or under many star @ night, sailors young , old haply i, reminiscence of land, read, in full rapport @ last.      </p>      <p>        here our thoughts, voyagers' thoughts, here not land, firm land, alone appears, may them said, sky o'erarches here, feel undulating deck beneath our feet, feel long pulsation, ebb , flow of endless motion, tones of unseen mystery, vague , vast suggestions of briny world, liquid-flowing syllables, perfume, faint creaking of cordage, melancholy rhythm, boundless vista , horizon far , dim here, , ocean's poem.      </p>      <p>        falter not o book, fulfil destiny, not reminiscence of land alone, lone bark cleaving ether, purpos'd know not whither, yet ever full of faith, consort every ship sails, sail you! bear forth them folded love, (dear mariners, fold here in every leaf;) speed on book! spread white sails little bark athwart imperious waves, chant on, sail on, bear o'er boundless blue me every sea, song mariners , ships.      </p>      <p>        foreign lands      </p>      <p>        heard ask'd prove puzzle new world, , define america, athletic democracy, therefore send poems behold in them wanted.      </p>      <p>        historian      </p>      <p>        celebrate bygones, have explored outward, surfaces of races, life has exhibited itself, have treated of man creature of politics, aggregates, rulers , priests, i, habitan of alleghanies, treating of him in himself in own rights, pressing pulse of life has seldom exhibited itself, (the great pride of man in himself,) chanter of personality, outlining yet be, project history of future.      </p>      <p>        thee old cause      </p>      <p>        thee old cause! thou peerless, passionate, cause, thou stern, remorseless, sweet idea, deathless throughout ages, races, lands, after strange sad war, great war thee, (i think war through time fought, , ever fought, thee,) these chants thee, eternal march of thee.      </p>      <p>        (a war o soldiers not alone, far, far more stood silently waiting behind, advance in book.)      </p>      <p>        thou orb of many orbs! thou seething principle! thou well-kept, latent germ! thou centre! around idea of thee war revolving, angry , vehement play of causes, (with vast results come thrice thousand years,) these recitatives thee,--my book , war one, merged in spirit , mine, contest hinged on thee, wheel on axis turns, book unwitting itself, around idea of thee.      </p>      <p>        eidolons      </p>      <p>        met seer, passing hues , objects of world, fields of art , learning, pleasure, sense, glean eidolons.      </p>      <p>        put in thy chants said he, no more puzzling hour nor day, nor segments, parts, put in, put first before rest light , entrance-song of all, of eidolons.      </p>      <p>        ever dim beginning, ever growth, rounding of circle, ever summit , merge @ last, (to surely start again,) eidolons! eidolons!      </p>      <p>        ever mutable, ever materials, changing, crumbling, re-cohering, ever ateliers, factories divine, issuing eidolons.      </p>      <p>        lo, or you, or woman, man, or state, known or unknown, seeming solid wealth, strength, beauty build, build eidolons.      </p>      <p>        ostent evanescent, substance of artist's mood or savan's studies long, or warrior's, martyr's, hero's toils, fashion eidolon.      </p>      <p>        of every human life, (the units gather'd, posted, not thought, emotion, deed, left out,) whole or large or small summ'd, added up, in eidolon.      </p>      <p>        old, old urge, based on ancient pinnacles, lo, newer, higher pinnacles, science , modern still impell'd, old, old urge, eidolons.      </p>      <p>        present , here, america's busy, teeming, intricate whirl, of aggregate , segregate thence releasing, to-day's eidolons.      </p>      <p>        these past, of vanish'd lands, of reigns of kings across sea, old conquerors, old campaigns, old sailors' voyages, joining eidolons.      </p>      <p>        densities, growth, facades, strata of mountains, soils, rocks, giant trees, far-born, far-dying, living long, leave, eidolons everlasting.      </p>      <p>        exalte, rapt, ecstatic, visible womb of birth, of orbic tendencies shape , shape , shape, mighty earth-eidolon.      </p>      <p>        space, time, (the stars, terrible perturbations of suns, swelling, collapsing, ending, serving longer, shorter use,) fill'd eidolons only.      </p>      <p>        noiseless myriads, infinite oceans rivers empty, separate countless free identities, eyesight, true realities, eidolons.      </p>      <p>        not world, nor these universes, universes, purport , end, ever permanent life of life, eidolons, eidolons.      </p>      <p>        beyond thy lectures learn'd professor, beyond thy telescope or spectroscope observer keen, beyond mathematics, beyond doctor's surgery, anatomy, beyond chemist chemistry, entities of entities, eidolons.      </p>      <p>        unfix'd yet fix'd, ever shall be, ever have been , are, sweeping present infinite future, eidolons, eidolons, eidolons.      </p>      <p>        prophet , bard, shall yet maintain themselves, in higher stages yet, shall mediate modern, democracy, interpret yet them, god , eidolons.      </p>      <p>        , thee soul, joys, ceaseless exercises, exaltations, thy yearning amply fed @ last, prepared meet, thy mates, eidolons.      </p>      <p>        thy body permanent, body lurking there within thy body, purport of form thou art, real myself, image, eidolon.      </p>      <p>        thy songs not in thy songs, no special strains sing, none itself, whole resulting, rising @ last , floating, round full-orb'd eidolon.      </p>      <p>        him sing      </p>      <p>        him sing, raise present on past, (as perennial tree out of roots, present on past,) time , space him dilate , fuse immortal laws, make himself them law unto himself.      </p>      <p>        when read book      </p>      <p>        when read book, biography famous, , (said i) author calls man's life? , 1 when dead , gone write life? (as if man knew aught of life, why myself think know little or nothing of real life, few hints, few diffused faint clews , indirections seek own use trace out here.)      </p>      <p>        beginning studies      </p>      <p>        beginning studies first step pleas'd me much, mere fact consciousness, these forms, power of motion, least insect or animal, senses, eyesight, love, first step awed me , pleas'd me much, have hardly gone , hardly wish'd go farther, stop , loiter time sing in ecstatic songs.      </p>      <p>        beginners      </p>      <p>        how provided upon earth, (appearing @ intervals,) how dear , dreadful earth, how inure as any--what paradox appears age, how people respond them, yet know them not, how there relentless in fate times, how times mischoose objects of adulation , reward, , how same inexorable price must still paid same great purchase.      </p>      <p>        states      </p>      <p>        states or 1 of them, or city of states, resist much, obey little, once unquestioning obedience, once enslaved, once enslaved, no nation, state, city of earth, ever afterward resumes liberty.      </p>      <p>        on journeys through states      </p>      <p>        on journeys through states start, (ay through world, urged these songs, sailing henceforth every land, every sea,) willing learners of all, teachers of all, , lovers of all.      </p>      <p>        have watch'd seasons dispensing , passing on, , have said, why should not man or woman as seasons, , effuse much?      </p>      <p>        dwell while in every city , town, pass through kanada, north-east, vast valley of mississippi, , southern states, confer on equal terms each of states, make trial of ourselves , invite men , women hear, ourselves, remember, fear not, candid, promulge body , soul, dwell while , pass on, copious, temperate, chaste, magnetic, , effuse may return seasons return, , may as seasons.      </p>      <p>        cantatrice      </p>      <p>        here, take gift, reserving hero, speaker, or general, 1 should serve old cause, great idea, progress , freedom of race, brave confronter of despots, daring rebel; see reserving belongs as any.      </p>      <p>        me imperturbe      </p>      <p>        me imperturbe, standing @ ease in nature, master of or mistress of all, aplomb in midst of irrational things, imbued they, passive, receptive, silent they, finding occupation, poverty, notoriety, foibles, crimes, less important thought, me toward mexican sea, or in mannahatta or tennessee, or far north or inland, river man, or man of woods or of farm-life of these states or of coast, or lakes or kanada, me wherever life lived, o self-balanced contingencies, confront night, storms, hunger, ridicule, accidents, rebuffs, trees , animals do.      </p>      <p>        savantism      </p>      <p>        thither see each result , glory retracing , nestling close, obligated, thither hours, months, years--thither trades, compacts, establishments, minute, thither every-day life, speech, utensils, politics, persons, estates; thither also, leaves , songs, trustful, admirant, father father going takes children along him.      </p>      </div>

you can add margin last child this:

#foo :last-child {   margin-right: 50px; } 

and here working fiddle: https://jsfiddle.net/d1ae6uet/2/


Comments

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -