HTML-aside-Tag.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML Aside Tag</title>
  <style>
    aside{
      width: 40%;
      padding-left: .5rem;
      margin-left: .5rem;
      float: right;
      box-shadow: inset 5px 0 15px -5px red;
      font-style: italic;
      color: teal;
    }
    aside>p{
      margin: 1rem;
    }
  </style>
</head>
<body>
  <p>Whales are a widely distributed and diverse group of fully aquatic placental marine mammals. They are an informal grouping within the infraorder Cetacea, usually excluding dolphins and porpoises. Whales, dolphins and porpoises belong to the order Cetartiodactyla, which consists of even-toed ungulates. </p>

  <aside>
    <p>The word "whale" comes from the Old English hwæl, from Proto-Germanic *hwalaz.</p>
  </aside>

  <p>Whales are creatures of the open ocean; they feed, mate, give birth, suckle and raise their young at sea. So extreme is their adaptation to life underwater that they are unable to survive on land. Whales range in size from the 2.6 metres (8.5 ft) and 135 kilograms (298 lb) dwarf sperm whale to the 29.9 metres (98 ft) and 190 metric tons (210 short tons) blue whale, which is the largest known creature that has ever lived. The sperm whale is the largest toothed predator on earth. </p>
  <p>Whales are known to teach, learn, cooperate, scheme, and grieve. The neocortex of many species of whale is home to elongated spindle neurons that, prior to 2007, were known only in hominids.In humans, these cells are involved in social conduct, emotions, judgement, and theory of mind. Whale spindle neurons are found in areas of the brain that are homologous to where they are found in humans, suggesting that they perform a similar function.</p>
</body>
</html>