<style>
  .container {
    background-color: #f0f0f0;
    padding: 20px;
    margin: 10px 0;
    border-radius: 5px;
  }

  .highlight {
    background-color: yellow;
    font-weight: bold;
  }

  .text-blue {
    color: blue;
  }
</style>

<div class="container">
  これはdivタグで囲まれた領域です。
</div>

<div class="container">
  これは<span class="highlight">強調</span>された文章です。
</div>

<p>
  spanタグは<span class="text-blue">文章の中</span>に埋め込めます。
</p>