Runic and Phaistos Keyboards

MKLC experiment

Had a go at using the free Microsoft Keyboard Layout Creator (v1.4) to create a keyboard for learning to touch-type in runes, and one using the Phaistos Disc characters.

It works.

After defining the keyboard by mapping the relevant Unicode points to specific keys, then creating the DLLs and associated files automatically, the running Setup to install the keyboard, then selecting the keyboard from the Language Bar, typing on the Runic keyboard produced runes, and Phaistos Disc characters on the other. Amazing!

Definitely better than adding them one at a time via Insert | Symbol, or typing the Unicode hex value and pressing Alt-X.

(Of course, the appropriate font is required, as well: Aegean, Quivira, Code2003, Noto Sans Phaistos, etc. Some fonts are better than others.)

Next step: how to make the keyboard setup files available.

 


Addendum (15-Aug-2017):

One unintended consequence is, as the fingers brush against the various key combinations, the Runic keyboard (which has been added to the Language Bar) sometimes activates and I find myself ᛆᚷᛝᚢᛘᚼ ᚢᛘ ᛂᛈᛘᚢᚦ ᛐᚢᛆᚠᛛᛈᛆ ᛖᚲᚤᛘᚢᛘᚼ ᛆᛛ᛫ᚤᛘᚧ ᛄᛛᛖᚲᛆᚢᛖᚲᛄ ᚢᛆ ᛆᚤᚭᚲᛄ ᚤ ᛐᚠᚢᚱᚲ ᛆᛛ ᛘᛛᛆᚢᚲᚦ!

Some more font tests

Another sampling of fonts

Some fonts are quite elegant.

Hand-crafted creativity.

There are too many languages for one font to do everything for everybody, though.

qwerty example ABCDEFٻشلعىنفد(AGA Balloon بالون ) ;
qwerty example ABCDEF(Andron Scriptor Web) ;
qwerty example ABCDEF(AnglosaxOblique) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Annapurna SIL) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Annapurna SIL) ;
qwerty example ABCDEF(ArtNoveauDecadente) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(Assurbanipal) ;
qwerty example ABCDEF(Aung San) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Aver Bold Italic) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Aver Bold) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Aver Italic) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Aver) ;
qwerty example ABCDEFꤕꤖꤗꤧꤘꤨꤥꤩꤚꤪꤛ꤫ꤑ(ayar) ;
qwerty example ABCDEFꤕꤖꤗꤧꤘꤨꤥꤩꤚꤪꤛ꤫ꤑ(Ayar Juno) ;
qwerty example ABCDEFၹၩဲ၄ဴၒၢဘျဗေဥြၕ့(Ayar Kasone) ;
qwerty example ABCDEFၹၩဲ၄ဴၒၢဘျဗေဥြၕ့(Ayar Takhu) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Behistun) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Bisitun) ;
qwerty example ABCDEF(bu Richard the Second) ;
qwerty example ABCDEF(Cardinal Alternate) ;
qwerty example ABCDEF(Cardinal) ;
qwerty example ABCDEF(Chapbook) ;
qwerty example ABCDEF(Chapbook) ;
qwerty example ABCDEF(Chapbook) ;
qwerty example ABCDEF(Classix) ;
qwerty example ABCDEF(Curved Manuscript, 17th c.) ;
qwerty example ABCDEF(Day Roman – Expert) ;
qwerty example ABCDEF(Day Roman) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(DDC Rinzin) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(DDC Uchen) ;
qwerty example ABCDEFٻشلعىنفد ԱՑբաԲՓգճ Ⴡბგდუსჱ αβγδε שררקחז ຣາຢຳຕຶວະ ꓔꓕꓖꓗꓘꓩꓨ ߔߓߒߢߡߑߐߧ ᚃᚆᚌᚔᚐ 𐌅𐌆𐌇𐌈 ⴵⴶⵂⵁⵉⴺⴻⴼ ᐐᐑᐂᐕᐚᐛᐊᐉᐁ(DejaVu Sans Light) ;
qwerty example ABCDEF(DejaVu Sans Condensed) ;
qwerty example ABCDEF(DelitschInitialen) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Didact Gothic) ;
qwerty example ABCDEF(Druk Corners 01) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta bold) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta ExtraBold) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta ExtraLight) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta Light) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta Medium) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta) ;
qwerty example ABCDEFऔतऴदधघॊफुढूठृसिडी(Ek Mukta SemiBold) ;
qwerty example ABCDEF(ESL Gothic Unicode) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(FreeMono) ;
qwerty example ABCDEF(FreeMonoBold) ;
qwerty example ABCDEF(FreeMonoBoldOblique) ;
qwerty example ABCDEF(FreeMonoOblique) ;
qwerty example ABCDEF(FreeSerifBold) ;
qwerty example ABCDEF(FreeSerifItalic) ;
qwerty example ABCDEF(Gentium Book Basic) ;
qwerty example ABCDEF(Gentium Book Basic) ;
qwerty example ABCDEF(Gentium Book Basic) ;
qwerty example ABCDEF(Gentium Book Basic) ;
qwerty example ABCDEF(German Blackletters, 15th c.) ;
qwerty example ABCDEF(Gothic Straight-Faced, 16th c.) ;
qwerty example ABCDEF(GothicMajuscles) ;
qwerty example ABCDEF(GrandjeanPW) ;
qwerty example ABCDEF(HansFraktur) ;
qwerty example ABCDEF(JSL Ancient) ;
qwerty example ABCDEF(JSL Ancient) ;
qwerty example ABCDEF(JSL Blackletter) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Jomolhari) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Junicode) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Junicode) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Junicode) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Junicode) ;
qwerty example ABCDEF(KaiserRotbartOneCaps) ;
qwerty example ABCDEF(KaiserRotbartTwoCaps) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Kakoulookiam) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Karen3_0) ;
qwerty example ABCDEFၹၩဲ၄ဴၒၢဘျဗေဥြၕ့(Khmer Nettra) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Khosrau) ;
qwerty example ABCDEF(KL1_ Monocase Serif) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Lapidaria) ;
qwerty example ABCDEF(Leipzig Fraktur LF) ;
qwerty example ABCDEF(Leipzig Fraktur Bold) ;
qwerty example ABCDEF(Leipzig Fraktur Heavy) ;
qwerty example ABCDEF(Leipzig Fraktur LF) ;
qwerty example ABCDEF(Leipzig Fraktur) ;
qwerty example ABCDEF(Lombardic Narrow) ;
qwerty example ABCDEF(Magna Veritas) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Monospace) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Monospace) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Monospace) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Beveled) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Extruded) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Italic) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Outline) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Semi Bold) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(NeoBulletin Trash) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(OldStandard-Bold) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(OldStandard-Italic) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(OldStandard-Regular) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Palemonas MUFI) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Palemonas MUFI) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Palemonas MUFI) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Palemonas MUFI) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Persepolis) ;
qwerty example ABCDEF(Plone Ware Shar_Mla) ;
qwerty example ABCDEF(Primitive) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Art) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Betsu) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Chuyig) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Drutsa) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Dunhuang) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Edict) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Horyig) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Subtitle) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Title) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Tsumachu) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Tsuring) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Tsutong) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Uchen Sarchen) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Uchen Sarchung) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Uchen Suring) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Uchen Sutung) ;
qwerty example ABCDEF༒༄ཀཱཁཱིགུངཱུཅཆཉྲྀཋཹ༆(Qomolangma-Woodblock) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(Santakku) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(SantakkuM) ;
qwerty example ABCDEFٻشلعىنفد(Scheherazade) ;
qwerty example ABCDEF(Spanish Round Bookhand, 16th c.) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Steinem Unicode) ;
qwerty example ABCDEF(StrangeBlackLetter) ;
qwerty example ABCDEFᮕᮖᮥᮔᮓᮣᮑᮡᮐᮠᮛ᮪(Sundanese Unicode) ;
qwerty example ABCDEF(Theuerdank Fraktur) ;
qwerty example ABCDEFДФЕХЖЦзчцгсарту ͲΑΒΓΔΕΖαβγδεζ(Thryomanes) ;
qwerty example ABCDEF(Title page 1600) ;
qwerty example ABCDEF(Traditional Gothic, 17th c.) ;
qwerty example ABCDEFٻشلعىنفد(UKIJ Diwani Kawak) ;
qwerty example ABCDEFٻشلعىنفد(UKIJ Kufi Yay) ;
qwerty example ABCDEFٻشلعىنفد(UKIJ Moy Qelem) ;
qwerty example ABCDEFٻشلعىنفد(UKIJ Qolyazma) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(UllikummiA) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(UllikummiB) ;
qwerty example ABCDEF𒁋𒀺𒀤𒀴𒁣𒀁𒁱𒂏(UllikummiC) ;
qwerty example ABCDEF龜不賂量璘吝立難韛瘟歹華(UnBatang) ;
qwerty example ABCDEF龜不賂量璘吝立難韛瘟歹華(UnBatang) ;
qwerty example ABCDEF龜不賂量璘吝立難韛瘟歹華(UnGungseo) ;
qwerty example ABCDEF(Vampyres Garden) ;
qwerty example ABCDEF龜不賂量璘吝立難韛瘟歹華(Wangdi29) ;
qwerty example ABCDEF(WeygelBodies) ;
qwerty example ABCDEF(Wizard Of The Moon) ;
qwerty example ABCDEF𐎸𐎷𐎦𐎵𐎳𐏕𐏂𐏁𐎰𐏀𐏏𐏎(Zarathustra) ;
qwerty example ABCDEF(Zuider Postduif Demo) ;

Lost in Museums

The other side of the collection

Of Museums

When the mice get in, the information is lost.

“In the early hours of the following day 600 Grenadier Guards took possession of the geology department at Imperial College (the Royal College of Science had been renamed Imperial College in 1910) and were billeted in all the rooms and laboratories. When [Arthur] Holmes arrived in the morning he had to step over sleeping soldiers lying in the corridors or propped up on the floor alongside cabinets and cases. Others were eating their morning rations using the tops of museum cases as tables. These cases were fitted with drawers filled with important teaching and research collections of minerals and fossils, all carefully labelled. Irreverently the soldiers deposited the remains of their rations into these draws and over time scraps of bread, meat and cheese gradually accumulated. Inevitably this attracted a large population of mice who indiscriminately ate the labels from the specimens along with the scraps. Much information was lost and the value of the collection as a teaching aid was enormously reduced, but it was a minor problem in the scale of this terrible war.”

— Cherry Lewis, The Dating Game: One Man’s Search for the Age of the Earth, (2000) [Canto Classics, 2012], p 106. ISBN 9781107659599

Sometimes things just disappear:

“These [star maps] are to be found in the library of the Royal Astronomical Society, but the Chinese planispheres which J. Williams (1)a presented in 1855 are no longer there, and had indeed already been lost by 1909, as Knobel (1)b tells us.”

a. J Williams, ‘Notes on Chinese Astronomy’ (presentation of planispheres). RAS/MN, 1855, 15, 19.
b. E B Knobel, ‘On a Chinese planisphere.’ RAS/MN, 1909, 69, 436.
Joseph Needham, Science and Civilisation in China: Volume III – Mathematics and the sciences of the heavens and the Earth, (1959) [Cambridge University Press, 2005], p 282. ISBN 9780521058015

Sometimes it is understandable:

“[During the severe winter of 1947] People chopped up old furniture to put on the fire, wooden fences disappeared over night, and trees seen standing one day were no longer there the next. In the Edinburgh geology department a large piece of coal exhibited in the main entrance hall, displaying the beautiful fossil of a three hundred million year old fern, mysteriously disappeared one day. No one complained, they just wished they had thought of it first.”

— Lewis, p 216.

Lord Asriel

A potential prototype for the Pullman character could be Lord Kelvin:

“In 1862 Lord Kelvin was the Professor in Natural Philosophy at Glasgow University and the world’s expert on thermodynamics. A scientist of international repute and ferocious ability, he was then at the height of his powers and widely regarded by his contemporaries as the greatest physicist of his day – a formidable opponent.”

— Lewis, p 34.

Particularly with the context of Rutherford and radium with its invisible particulate rays, standing in the place of Dust.

Maxwell and his Electromagnetic vectors could have a look-in, too.

There was a lot of discovery going on back then. The Age of the Earth, the Age of the Sun, the distance to any other star.

Legal lorem

By oak, ash and thorn

In his commentary on the present passage [from the 春秋大專 Simplified: 春秋大专 Pinyin: chūn qiū dà zhuān Wade-Giles: Chhun Chhiu Ta Chuan “The Great Commentary on the Spring and Autumn Annals”, about investiture of land] Khung An–Kuo [ Pinyin: kǒng ān guó 孔安國 Simplified: 孔安国], about -85, explains how this was done. ‘The emperor’s altar mound of the God of the Soil,’ he says, ‘was made of the earths of the five colours. When a lord was enfeoffed with territory (in one or other of the four directions) he was presented with a sod …’ … As Chavennes [probably his 1910 paper in the Bibliographie d’Etudes (Annales de Musée Guimet)] points out, the etymology of the character fêng [封 Pinyin: fēng], enfeoffment, shows a piece of land with a plant growing on it, alongside a length measure and a hand (the radical of which now means an inch…). Thus just as in the medieval Western world, enfeoffment was per herbam et terram.

“On this a story hangs”, about the five earths — Joseph Needham, Science and Civilisation in China: Volume VI:1 Botany, (1986) [Cambridge University Press, 1989], p 86 n l. ISBN 9780521087317

On the trail of

quest for source

“The late Professor Oswald Prentiss Backus told me shortly before his death that he had discovered on an island in the Baltic a volume which might have been a Scandinavian prototype of the Russkaia pravda, but I have heard no more of this since his demise.”

— Richard Hellie, “The Law”, in Maureen Perrie (ed), The Cambridge History of Russia: Volume I – From Early Rus’ to 1689, (2006) [Cambridge University Press, 2006], pp 360-386, p 361 n 2.

Font names containing apostrophes

Apostrophes (‘) in font names need special handling. (The trick is (a) to escape the apostrophe – with a backslash – in the CSS: Tycho’sElegy >> Tycho\'sElegy, and (b) enclose the CSS style string in double quotes, not single quotes: style="font-family:Tycho\'sElegy;font-size:24pt; “.)

Also, the font filename, the font preview window title text, the font name appearing in the font picker, and the font name known internally to the system(as per the name in the /fonts folder), can be all different.


Tycho’sElegy: The cat sat on the mat.

Tycho’sRecipe: The cat sat on the mat.

Love’sLabour: The cat sat on the mat.

WirWenzlaw Rough: The cat sat on the mat.

butterbrotpapier (from www.anke-art.de, via fontspace): The cat sat on the mat.

JaneAusten NoSecret: The cat sat on the mat.

Designs2 2: ABDEF

Ethernal PERSONAL USE: The cat sat on the mat.

Galderglynn Titling: The cat sat on the mat.

Profaisal: The cat sat on the mat.

CancellerescA: The cat sat on the mat.

DIV experiment

How flowing works

We’ll see how DIV block flow works.
Workable.


Lorem Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique. Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus sagittis felis.
Pellentesque porttitor, velit lacinia egestas auctor, diam eros tempus arcu, nec vulputate augue magna vel risus. Cras non magna vel ante adipiscing rhoncus. Vivamus a mi. Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin semper, ante vitae sollicitudin posuere, metus quam iaculis nibh, vitae scelerisque nunc massa eget pede. Sed velit urna, interdum vel, ultricies vel, faucibus at, quam. Donec elit est, consectetuer eget, consequat quis, tempus quis, wisi. In in nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec ullamcorper fringilla eros. Fusce in sapien eu purus dapibus commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.

10:40 PM 5/07/2017


To get this:

Lorem Fusce posuere

Lorem ipsum

Fusce aliquet

Suspendisse dui purus

10:40 PM 5/07/2017

use this (with &lt representing <):


&lt div style="width:100%;display:block;background-color:aqua;">
&lt div style="padding:0.5em;width:16%;display:inline-block;float:left;background-color:rgb(40,200,230);">&lt p>&lt span style="float:left;font-size:3em;">L&lt /span>orem Fusce posuere&lt /p>&lt /div>
&lt div style="padding:0.5em;margin-left:0.5em;width:56%;display:inline-block;float:left;background-color:rgb(230,220,120);">
&lt p>&lt span style="float:left;font-size:3em;">L&lt /span>orem ipsum
&lt /p>
&lt p>&lt span style="float:left;font-size:3em;">F&lt /span>usce aliquet
&lt /p>
&lt /div>
&lt div style="padding:0.5em;margin-left:0.5em;width:16%;display:inline-block;background-color:rgb(0,230,180);">&lt p>&lt span style="float:left;font-size:3em;">吹&lt /span>Suspendisse dui purus&lt /p>&lt /div>
&lt div style="width:100%;clear:both;display:block;background-color:pink;">&lt p>10:40 PM 5/07/2017&lt /p>&lt /div>
&lt /div>