class selector problem

Question

Hi, I am trying to create a class on a div in my paragraph section but it doesn't work, just wondering did I do it right...Thanks!!

Here is my code copy from sublime text 2

<!DOCTYPE html>
<html>
<head>
  <title>City of Toronto</title>
  <link rel="stylesheet" href="../CSS/style.css">
</head>
<img src="../img/history.jpg" alt="">
<div class="history">
  <p>Toronto, on the north shore of Lake Ontario, is the largest of Canada's vibrant urban centres. It is the hub of the nation's commercial, financial, industrial, and cultural life, and is the capital of the Province of Ontario. People have lived here since shortly after the last ice age, although the urban community only dates to 1793 when British colonial officials founded the 'Town of York' on what then was the Upper Canadian frontier. That backwoods village grew to become the 'City of Toronto' in 1834, and through its subsequent evolution and expansion Toronto has emerged as one of the most liveable and multicultural urban places in the world today.</p>
  <p>This presentation provides general audiences with a summary of the current scholarly consensus on the main themes in Toronto's past, with an emphasis on the characteristics of life here through time as well as the changes, issues, and influences that affected the shared experiences of its residents.</p>
  <p> In addition to facts, historical studies are about interpretation, and there are many ways of viewing our heritage. Therefore, additional presentations on specialized topics will follow in the future, and we hope that other groups will use the Internet and other media to share their stories of Toronto's history in order to broaden the number of voices, increase discussion, and advance historical awareness for everyone's benefit.</p>
</div>
</body>
</html>

Answer 1 · 2015-03-07T15:25:20Z

March 7, 2015 3:25pm

Hi Edwin,

I found so many quotes marks or backticks which are not necessary when you are using in Sublime Text. Except only two top and bottom backticks when you post here with your codes like below.

How to use 3 backticks

<!DOCTYPE html>

<head>
   <title>City of Toronto</title>
   <link rel="stylesheet" href="../CSS/style.css">
</head>

<body>   // Missing  <----------------

<img src="../img/history.jpg" alt="">

<div class="history">
<p>Toronto, on the north shore of Lake Ontario, is the largest of Canada's vibrant urban centres. It is the hub of the nation's commercial, financial, industrial, and cultural life, and is the capital of the Province of Ontario. People have lived here since shortly after the last ice age, although the urban community only dates to 1793 when British colonial officials founded the 'Town of York' on what then was the Upper Canadian frontier. That backwoods village grew to become the 'City of Toronto' in 1834, and through its subsequent evolution and expansion Toronto has emerged as one of the most liveable and multicultural urban places in the world today.</p>

<p>This presentation provides general audiences with a summary of the current scholarly consensus on the main themes in Toronto's past, with an emphasis on the characteristics of life here through time as well as the changes, issues, and influences that affected the shared experiences of its residents.</p>

 <p> In addition to facts, historical studies are about interpretation, and there are many ways of viewing our heritage. Therefore, additional presentations on specialized topics will follow in the future, and we hope that other groups will use the Internet and other media to share their stories of Toronto's history in order to broaden the number of voices, increase discussion, and advance historical awareness for everyone's benefit.</p> 
</div>

</body>
</html>

Then make sure you use right place for style.css for class "history.

.history {
}

Welcome to the Treehouse Community

Looking to learn something new?

Edwin Chau

Edwin Chau

class selector problem

John Breslin

John Breslin

1 Answer

Salman Akram

Salman Akram

Stephen Bone

Stephen Bone