Untitled

<html>
  <head>
      <title>
        Slike i tekst
      </title>
      <style type = "text/css">
        body{
          font-weight: bold;
        }
        li{
          text-align: left;
        }
        li.razred1 {
          text-align: center;
          font-weight: normal;
        }
        #razred2 {
          font-style: italic;
        }
      </style>
  </head>
  <body>
    Neke slike:
    <ol>
      <li style = "text-align:right;">
        <img src = "logo-rijeka.gif" alt="slikaA">
      </li>
      <li class="razred1">
        <img src = "logo-lokomotiva.gif" alt="slikaB">
      </li>
      <li class="razred1">
        <img src = "logo-split.gif" alt="slikaC">
      </li>
      <li id="razred2">
        <img src = "logo-dinamo.gif" alt="slikaD">
      </li>
    </ol>
  </body>
</html>