css

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
+    <span style="color: blueviolet; font-weight: bold">aute irure dolor</span>
-    eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
+    in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-    sunt in culpa qui officia deserunt mollit anim id est laborum.
+    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!');