Lecture 15 (Morning)

on

 

\



Index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <!--
    <p class="txt"> <u>
            all
        </u> </p> -->

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime necessitatibus molestiae perspiciatis quos
        corrupti voluptate assumenda esse enim error quo, consectetur nisi deserunt, quae aut fuga, sequi expedita illum
        cumque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat a ullam rem hic ipsa saepe, possimus
        delectus optio, sed aperiam quas esse? Suscipit velit fugit vel illo harum in quidem.
        Nihil perspiciatis, officiis facere temporibus soluta quas corporis fugit non autem voluptatibus? Debitis,
        tenetur at pariatur nostrum dolores deleniti natus temporibus, consectetur saepe corrupti dignissimos sed est.
        Iste, vel rem?
        Ullam incidunt blanditiis similique facere doloribus, veritatis in? Natus expedita quod impedit nostrum
        explicabo vel quia quam harum at, beatae dolore quaerat. Modi at quia amet placeat, fuga dignissimos id!
        Suscipit explicabo blanditiis temporibus sint enim eum fugit harum magnam culpa, recusandae est in dicta autem
        vel debitis non eius totam ut voluptatem quia repellendus quod, possimus quisquam delectus! Aperiam!</p>


    <!-- <p>
        <a href="">
            hello world
        </a>
    </p> -->

</body>

</html>


Style.css

/* p {
  background-color: black;
  padding: 30px;
  color: red;
  /* text-align: justify;
  text-align-last: center; */
/* direction: rtl; */
/* unicode-bidi: bidi-override; */
/* } */

/* .txt {
  vertical-align: text-top;
} */

p {
  text-indent: 40px;
  letter-spacing: 4px;
  text-align: justify;
  /* line-height: 4; */
  /* word-spacing: 20px; */
  text-shadow: 2px 5px 4px red;
}
a {
  /* text-decoration: none; */
  /* text-decoration-line:; */
  color: black;
  /* text-decoration-color: rgb(200, 10, 100);
  text-decoration-style: dashed; */
  text-decoration: overline underline solid rgb(200, 10, 100) 5px;
  text-transform: capitalize;
}

a:hover {
  padding: 10px;
  background-color: black;
  color: white;
  transition: 1s;
}


Comments

Post a Comment