CSS demos

HTML

<div class="card">
    <h2 class="card__title">Card Title</h2>
    <div class="card__body">
        <p>This is the content of the card.</p>
    </div>
</div>
      

CSS

/* Block */
.card {
    border: 1px solid #0099ff;
    border-radius: 5px;
    padding: 10px;
}

/* Element */
.card__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.card__body {
    color: #003366;
}