Saturday, March 27, 2021

 Exercise #4


<!DOCTYPE html>

<html>

  <body>

    <h2>Floating Images</h2>

    <p><strong>Float the image to the right:</strong></p>

    <p>

      <img src="https://i.ibb.co/Y3qtVSL/kiyo1.jpg" alt="kiyo1" 

      style="float:right;width:421px;height:224.5px;margin-right:100px;border:

      5px solid #003b57;border-style:double;" hspace="15" vspace="15" A

      paragraph with a floating image. A paragraph with a floating image. A

      paragraph with a floating image.

    </p>

    <p><strong>Float the image to the left:</strong></p>

    <p>

    

      <img src="https://i.ibb.co/dkJWz70/rikkaasa.png" alt="rikkaasa"

      style="float:left;width:421px;height:224.5px;margin-left:100px;border: 5px

      solid #003b57;border-style:double;" hspace="15" vspace="15" A paragraph

      with a floating image. A paragraph with a floating image. A paragraph with

      a floating image.

    </p>

  </body>

</html>

No comments:

Post a Comment