<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;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.