<div class="details">
  <span class="info">
    <strong>Lorem ipsum</strong></span>
  <ul>
    <li>hochwertiges Laserpapier</li>
    <li>Formate passend für Hermes Versand</li>
    <li>störungsfreier Druckerdurchlauf</li>
    </ul>
</div>
.details {
    background-color: #e6e6e6;
    margin: 0 0 0 10px;
    padding: 15px;
    width: 50%;
    box-sizing: border-box;
    text-align: left;
}
span.info {
    display: block;
    margin-bottom: 10px;
    font-family: arial, sans-serif;
}
span.info:before {
    content: 'ⓘ';
    color: #406aa0;
    padding-right: 10px;
    font-size: 20px;
    vertical-align: sub;
    font-weight: bold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.