design 2

page of vegetables

by jshacker

HTML

<div class="container">
  <h1>NUTRITION</h1>

  <div class="vegetables">
    <h3>BEETROOT</h3>
    <p>
      The beetroot is the taproot portion of the beet plant, usually known in
      North America as the beet, also table beet, garden beet, red beet, or
      golden beet. It is one of several of the cultivated varieties of Beta
      vulgaris grown for their edible taproots and their leaves.
    </p>
  </div>
  <div class="vegetables">
    <h3>CARROT</h3>
    <p>
      The carrot (Daucus carota subsp. sativus) is a root vegetable, usually
      orange in colour, though purple, black, red, white, and yellow varieties
      exist. Carrots are a domesticated form of the wild carrot, Daucus carota,
      native to Europe and southwestern Asia.
    </p>
  </div>
</div>

CSS

.container {
  width: 80%;
  margin: 10px auto;
}

.container h1 {
  color: Navy;
}

.container .vegetables {
  margin: 50px auto;
}

.container .vegetables h3 {
  color: maroon;
  padding: 10px;
  border-left: thick solid rgb(255, 0, 0);
}

.container .vegetables p {
  color: brown;
  line-height: 1.4;
  font-size: 20px;
  font-family: Verdana;
}