<div class="container">
    <p>This is a paragraph inside a container. It demonstrates basic text content.</p>
    
    <ol>
        <li>This is an <strong>ordered</strong> list item.</li>
        <li>The list uses numbers to organize items.</li>
        <li>Text can be <em>italicized</em> for emphasis.</li>
    </ol>

    <ul>
        <li>This is an <strong>unordered</strong> list item.</li>
        <li>It uses bullets to organize items.</li>
        <li>Combining <strong>bold</strong> and <em>italic</em> is possible.</li>
    </ul>
</div>
.container {
  font-family: Arial, sans-serif;
  background-color: #f8f8f8;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 10px;
  strong {
    color: red;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.