View Single Post
Old 11-03-2014, 10:52 AM   #1
rosshalde
Zealot
rosshalde began at the beginning.
 
Posts: 142
Karma: 10
Join Date: Jun 2014
Device: nook
problem linking css to html

Hello,
I am trying to go through Pablo's pdf that I found here "quick and dirty epub tutorial. I am a total novice, so any help is appreciated.

First few steps, no problem, but I can't get my css to work on the html document.
Can someone help me see what I did wrong here?
Here is my css
p{
text-indent: 2em;
text-align: justify;
font-size: 1em;
margin-top:0;
margin-bottom:0;
}
h1{
font-size: 2em;
text-decoration: underline;
text-align: center;
font-weight: bold;
text-indent:0;
}
h2{
font-size: 2em;
font-style: italic;
font-weight: normal;
text-align: left;
text-indent:0;
}

Here is my html file
<html>
<head>
<meta name=“Title” content=“HTML micro tutorial”/>
<meta name=“Author” content=“Pablo”/>
<link rel=“stylesheet” type=“text/css” href=“style.css”/>
</head>
<body>



<h1>This is a level 1 title</h>
<h2>1 - A level 2 title</h2>
<p>First paragraph - I love the way that making a book has become a giant pain in the rear end for me. I wish it were not so complicated.</p>
<p>Second paragraph</p>
<h2>2 - Another level 2 title</h2>
<p>First paragraph</p>
<p>etc...</p>
</body>
</html>
rosshalde is offline   Reply With Quote