Computer scienceFrontendCSSBasic propertiesCommon properties

Margin and Padding

Redundancy

Report a typo

The HTML file below has two inline elements inside a container. The CSS file contains some redundant code lines i.e. when you remove those code lines, the output won't change. Identify and mark the redundant code from the CSS file below.

<!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>Redundancy</title>
  </head>
  <style>
    div {
      border: 2px solid blue;
      height: 120px;
      text-align: center;
      font-size: larger;
      background-color: lightcoral;
    }
    .inline-one {
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
    }

    .inline-two {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 20px;
    }
  </style>
  <body>
    <div class="container">
      <span class="inline-one">I am inline.</span>
      <span class="inline-two">I am also inline.</span>
    </div>
  </body>
</html>

Select one or more options from the list

___

Create a free account to access the full topic