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 14: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