From 160add5634895bdb8c7e88a6cacb9c3d5f522e31 Mon Sep 17 00:00:00 2001
From: BabakFP <44144724+babakfp@users.noreply.github.com>
Date: Wed, 21 Apr 2021 10:29:31 -0700
Subject: [PATCH] Fixing HTML and CSS order

- Changing paragraph content.
---
 site/content/tutorial/01-introduction/04-styling/text.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/content/tutorial/01-introduction/04-styling/text.md b/site/content/tutorial/01-introduction/04-styling/text.md
index 71d031dcab..8ffb757bbd 100644
--- a/site/content/tutorial/01-introduction/04-styling/text.md
+++ b/site/content/tutorial/01-introduction/04-styling/text.md
@@ -5,6 +5,8 @@ title: Styling
 Just like in HTML, you can add a `<style>` tag to your component. Let's add some styles to the `<p>` element:
 
 ```html
+<p>Hello, Svelte!</p>
+
 <style>
 	p {
 		color: purple;
@@ -12,8 +14,6 @@ Just like in HTML, you can add a `<style>` tag to your component. Let's add some
 		font-size: 2em;
 	}
 </style>
-
-<p>This is a paragraph.</p>
 ```
 
-Importantly, these rules are *scoped to the component*. You won't accidentally change the style of `<p>` elements elsewhere in your app, as we'll see in the next step.
\ No newline at end of file
+Importantly, these rules are *scoped to the component*. You won't accidentally change the style of `<p>` elements elsewhere in your app, as we'll see in the next step.