How To: Container

HTML

<!DOCTYPE html>
<html lang="de">
  <head>
     <meta charset="utf-8" />
     <title>Title</title>
	 <link rel="preconnect" href="https://fonts.gstatic.com">
	 <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" 
      rel="stylesheet">
  </head>
  <body>

	 <h1>This is heading 1</h1>
	 
	 <div>

	 	<p>This is a paragraph</p>

	 	<a href="https://www.google.ch" target="_blank">
	 
	 	<img src="https://miro.medium.com/max/382/1*LYIt459KOTM4R-uQFHg_bw.png" 
      	 alt="CSS Box">
	 	</a>

	 	<br>

	 	<a href="https://www.google.ch">This is a link</a>

	 	<br> <br>

	 	<a href="https://www.google.ch" target="_blank">This is also a link</a>

	 	<br>

	 </div>

	 <h4>Shopping-List</h4>
	 <ul>
	   <li>Coffee</li>
  	   <li>Tea</li>
  	   <li>Milk</li>
	 </ul>

	 <h4>Priority-List</h4>
	 <ol>
  	   <li>Incidents</li>
       <li>Screens</li>
       <li>Clean Up</li>
     </ol>


	 <table style="width:100%">
  	   <tr>
    	 <th>Firstname</th>
     	 <th>Lastname</th> 
    	 <th>Age</th>
  	  </tr>
  	  <tr>
    	 <td>Jill</td>
    	 <td>Smith</td>
    	 <td>50</td>
  	  </tr>
  	  <tr>
    	 <td>Eve</td>
     	 <td>Jackson</td>
    	 <td>94</td>
  	  </tr>
  	  <tr>
    	 <td>John</td>
    	 <td>Doe</td>
    	 <td>80</td>
  	  </tr>
	 </table>


  </body>
</html>

CSS Example

Last updated