View Single Post
Old 11-10-2018, 11:22 AM   #9
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,311
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Just an aside about class names...

I find it much easier to NOT give a class name to the predominate tag (eg <p>) and only give a class to those items that are the exception (eg <p class="last">). That avoids clutter/bloat and makes it much easier for a human editor to determine when there is something special happening.

For example:

Code:
<html>
<head>
	<title>Poem test</title>
	
	<style type="text/css">
		p.last {
		  margin: 0;
		  padding-bottom: 10pt;
		  text-indent: 15pt;
		}
		
		p {
		  padding: 0;
		  margin-left: 15pt;
		  text-indent: -15pt;
		}
		
		div.blockwrapper {
		  text-align: center;
		}
		
		div.blockcontent {
		  display: inline-block;
		  text-align: left;
		}
	</style>
<head>

<body>
	<div class="blockwrapper">
		<div class="blockcontent">
			<p>“It was the ranger Arvid rode</p>
			<p>homeward through the hills</p>
			<p>among the shadowy shiverleafs,</p>
			<p>along the chiming rills.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“The night wind whispered around him</p>
			<p>with scent of brok and rue.</p>
			<p>Both moons rose high above him</p>
			<p>and hills aflash with dew.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“And dreaming of that woman</p>
			<p>who waited in the sun,</p>
			<p>he stopped, amazed by starlight,</p>
			<p>and so he was undone.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“For there beneath a barrow</p>
			<p>that bulked athwart a moon,</p>
			<p>the Outling folk were dancing</p>
			<p>in glass and golden shoon.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“The Outling folk were dancing</p>
			<p>like water, wind and fire</p>
			<p>to frosty-ringing harpstrings,</p>
			<p>and never did they tire.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“To Arvid came she striding</p>
			<p>from where she watched the dance,</p>
			<p>the Queen of Air and Darkness,</p>
			<p>with starlight in her glance.</p>
			<p class="last"><i>The dance weaves under the firethorn.</i></p>

			<p>“With starlight, love and terror</p>
			<p>in her immortal eye,</p>
			<p>the Queen of Air and Darkness—”</p>
		</div>
	</div>
</body>
</html>
FWIW...

Cheers,
Turtle91 is offline   Reply With Quote