Philip P. Ide

Author, programmer, science enthusiast, half-wit.
Life is sweet. Have you tasted it lately?

User Tools

Site Tools


blog:articles_on_writing:spacing_indents_4_stories

Proper Paragraph Spacing and Indenting on Web Pages

This is a short article on how to setup the correct CSS in order to replicate the paragraph spacing and indenting displayed in a book on your web pages. It will also enlarge and embolden the first character in the scene.

The css code used is:

	div.story {
		width: 60%;  /* or use px or em for fixed width */
	}
	.story p {
		text-align: justify;
		text-indent: 50px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.story p:first-child::first-letter {
		font-weight: bold;
		font-size: 2em;
	}

Simply wrap your story in a

<div class=story></div>

tag, and enclose each paragraph as usual in

<p></p>

pairs. The css can be located in a style sheet, or embedded in

<style></style>

tags in the page.

Example

“Professor Holberg, how nice to meet you at last”, Darius said, offering his hand across the desk. “You’re a hard man to get hold of”.

Holberg half rose from his seat and took the proffered hand. “I’ve been pretty busy of late,” he said by way of apology. “Moving around a lot too.” He waved Darius into a chair, re-seating himself in the process. “I’m not so old that I can’t use email. You could have explained what it is you need. You know that email was invented for the likes of me,” he added with a half smile. “What can I do for you Mr Darius?”

“I suppose I could have,” Darius agreed affably. “But then you’d think I was a crank and ignored me. I’m rather interested in your current research.”

The smile on Holberg’s face faltered for a moment. “I’m not a Professor anymore you know. I resigned my post at the university.”

“Indeed. Should I call you Dr Holberg then?” Darius crossed a leg and brushed an imaginary speck of dust from it.

“I’m not sure I like the fact that you know, or think you know, what I’m working on. Are you spying on me?”

This website uses cookies. By using the website, you agree with storing cookies on your computer. Also you acknowledge that you have read and understand our Privacy Policy. If you do not agree leave the website.More information about cookies
blog/articles_on_writing/spacing_indents_4_stories.txt · Last modified: 2019/05/15 15:39 by Phil Ide

Except where otherwise noted, content on this wiki is licensed under the following license: Copyright © Phil Ide
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki
  • ISSplugin-autotooltip__default plugin-autotooltip_bigInternational Space Station

    This page has a portal through which you can view the current location of the International Space Station, updating in real-time. The tracker itself comes from the European Space Agency (ESA).

    There is also a handy link to get email notifications direct from NASA when the ISS is visible in your night sky.
  • Mars Weatherplugin-autotooltip__default plugin-autotooltip_bigMars Weather

    Weather Reports Insight Lander Perseverance Rover Curiosity data to come Follow Conjunctions as they occur.

    Martian Day

    The Martian day is 39 mins 35.244 secs longer than a standard day. This means that approx every 36.1 days the Earth weather date skips a day while the Martian Sol marches on as normal. You can see this in the Insight data. April 16th 2019 seems to be missing, yet the Sols on April 15th and April 17th are consecutive.
  • Downloadsplugin-autotooltip__default plugin-autotooltip_bigDownloads

    Orbital Calculator Current Version This is a portable application, meaning there is no installer. Just unzip into a folder and run the executable. Since it is portable, it can be run from a USB stick.

    A full description and a list of the features are available
  • Orbital Calculatorplugin-autotooltip__default plugin-autotooltip_bigOrbital Calculator

    I needed to calculate orbital characteristics for any orbit around any gravitational mass (because I write sci-fi stories), so I wrote this program because I'm a programmer and I'm too lazy to do it by hand all the time. The program has expanded over the last few years, sometimes from suggestions by other writers. I make it freely available and as simple to use as possible. It now has a list of functions as long as your arm (assuming you're not a tentacle user), and the numbe…
  • Cookie Policy & GDPRplugin-autotooltip__default plugin-autotooltip_bigCookie Policy & GDPR

    There are NO tracking cookies on this site!

    The Cookie policy is straightforward. This site only uses cookies that are required to make your experience of using this site better, and only uses session cookies (see exceptions below). Session cookies are deleted when you close your browser.
  • Book Reviewsplugin-autotooltip__default plugin-autotooltip_bigBook Reviews

    Here you can find all the book reviews, broken down by genre, and further subdivided by author. If you want me to review your novel, please read my Rules on Reviewing.

    * Science-Fiction * Fantasy * Non-Fiction
  • Contactplugin-autotooltip__default plugin-autotooltip_bigContact

    If you have a burning desire to contact me, use the discussion form below. Anything you say remains private between you and me.