Untitled

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <title>Htmltest</title>
     <style type="text/css">
         @media screen {
            #heading {
                font-family: sans-serif;
                font-size:3em;
                border:1px solid black;
            }
            p {
                text-indent:10px;
            }
         }
         @media handheld {
            #heading {
                font-size:2em;
                border:1px solid black;
                text-decoration: underline;
            }
            p {
                text-indent:30px;
            }
        }
         @media print {
            #heading {
                font-family: serif;
                font-size:2em;
                text-decoration: underline;
            }
            p {
                text-indent:30px;
            }
        }
     </style>
</head>
<body>
    <h1 id="heading">title</h1>
    <p id="par1">hola que tal</p>
    <p id="par2">muy bien y tu</p>
</body>
</html>