Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    <title>Prvi zadatak</title>
</head>
<body>
    <h1>Gibberish</h1>

    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
        , when an unknown printer took a galley of type and scrambled it to make a type specimen book.
    </p>

    <p id="odlomak2">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>

    <p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently
            with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </p>

    <p>Contrary to popular belief, Lorem Ipsum is not simply random text.
     It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
        </p>
    <a href="druga.html">Veza na drugu straniu</a>
</body>
</html>

p:first-of-type{
    color: red;
    font-family: "Times New Roman";
    text-align: center;
    font-size: 1.1em;

}
#odlomak2{
    font-family: "Verdana";
    text-align: justify;
}
p:nth-of-type(n+3){
    text-align: left;
    font-style: italic;
    font-family: "Comic Sans";
}
h1{
    color: red;
}
a{
    color:gray;
}
a:hover{
    color:black;
}


<!DOCTYPE html>
<html lang="en">
<head>
        <link rel="stylesheet" type="text/css" href="oblikovanje2.css">
    <title>Drugi</title>
</head>
<body>
   <ul id="oznaka">
       <li><a href="index.html">Link1</a></li>
       <li><a href="index.html">Link2</a></li>
       <li><a href="index.html">Link3</a></li>
       <li><a href="index.html">Link4</a></li>
       <li><a href="index.html">Link5</a></li>
    </ul>
</body>
</html>

li{
    display: inline;
    border-width: 2px;
    color: #345678;
    border-style: solid;
    padding: 6px 15px 6px 15px;
    margin: 8px;
}
#oznaka a:link{
    border-width: 2px;
    border-style: solid;
    border-color: greenyellow;
    color: #345678;
    background-color: #16cae1;
    text-decoration-line: none;
}
#oznaka a:hover{
    background-color: red;
    border-color: magenta;
}
#oznaka a:active{
    color: red;
    background-color: green;
    border-color: red;
}