Wyświetl swoją wizytówkę stosując trzy rodzaje kaskadowych arkuszy stylu. CSS i HTML. Potrzebne na teraz



Odpowiedź :

#To zapisz sobie jako "index.html"

<!Doctype html>

<html lang="pl-PL">

  <head>

   <title>wizytowka</title>

   <meta charset="utf-8" >

   <link rel="stylesheet" href="styl.css">

  </head>

  <body>

<div id="container">

       <h3>Imie i nazwisko</br>

           Ulica (blok, mieszkanie)</br>

           kod pocztowy</br>

       </h3>

   <div id="telefon">

   <img src="14628.png" style="width:20px; height:20px;" />

   (+48)000-000-000</br>

  </div>

   

  <div id="mail">

   <img src="31051.png" style="width:20px; height:20px;"/>

   [email protected]

</div>

</div>

</body>>

</html>

#To zapisz sobie jako "styl.css"
#container {

   width:531px;

  height:205px;

   margin-left:auto;

   margin-right:auto;

   background-color: hsl(0, 1%, 38%);

   color:#ffffff;

   padding-top: 60px;

   text-align:center;

}

#telefon {

margin-left:-350px;

}

#mail {

   margin-left:-300px;

   }


#I do tego wrzuć te obrazki z nazwami jakie są :)

Zobacz obrazek TPmcTP
Zobacz obrazek TPmcTP