<html>
  <head>
    <meta charset="utf-8">
    <title>Inline example: Spans with content</title>
  </head>
  <body>
    <div id="container">
      Cookies: <span>A cookie is a baked or cooked good that is small, flat, and sweet, usually containing flour, sugar and some type of oil or fat. It may include other ingredients such as raisins, oats, chocolate chips or nuts.</span>
      In most English-speaking countries except for the US and Canada, crisp cookies are called biscuits. 
    </div>
  </body>
</html>
body {
  font-family: Helvetica, sans-serif;
  line-height: 24px;
}

span {
  background-color: lavenderblush;
  border: 1px solid black;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.