From 1ed104befe8ddf2ea7118985c5f9e5d7c90cef02 Mon Sep 17 00:00:00 2001
From: syneffort <syneffort@gmail.com>
Date: Tue, 22 Aug 2023 10:52:21 +0900
Subject: [PATCH] css

---
 HTML, CSS/test.html | 38 +++++++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/HTML, CSS/test.html b/HTML, CSS/test.html
index cd36782..08cee1d 100644
--- a/HTML, CSS/test.html	
+++ b/HTML, CSS/test.html	
@@ -19,6 +19,25 @@
       td {
         border: 1px solid salmon;
       }
+      #para1 {
+        color: red;
+        font-weight: bold;
+        text-align: center;
+      }
+      .center {
+        text-align: center;
+      }
+      div {
+        background-color: lightblue;
+        width: 300px;
+        border: 15px solid green;
+        padding: 50px;
+        margin: 20px;
+      }
+      h1 {
+        border-bottom: 1px solid gray;
+        padding-bottom: 15px;
+      }
     </style>
   </head>
 
@@ -30,12 +49,15 @@
     <strong>enim ad minim veniam,</strong>
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
     consequat.<br />
-    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
-    eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
-    sunt in culpa qui officia deserunt mollit anim id est laborum.
+    <span style="color: blueviolet; font-weight: bold">aute irure dolor</span>
+    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+    officia deserunt mollit anim id est laborum.
 
     <p>This is paragraph.</p>
+    <p id="para1">This is paragraph.</p>
     <p>This is paragraph.</p>
+    <p class="center">This is paragraph.</p>
     <p>This is paragraph.</p>
 
     <img
@@ -121,6 +143,16 @@
       <input type="submit" value="Submit" />
     </form>
 
+    <div>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
+      est laborum.
+    </div>
+
     <script>
       function testFunc() {
         alert('Call testFunc!');