trööt

HTML

<p>
    <img src="http://trööt.net/img/pin.png" alt="Stecknadel"/>
    <span class="heading">Heading</span><br />
    <span class="blockMargin">
    <span class="underline">
        <strong>Subheading</strong> text text text
    </span>
    <span class="underline">
        <strong>Subheading</strong> text text text
    </span>
        
    </span>
</p>

CSS

p {
    background-Color: #ffc; 
    padding: 1em; 
    width: 40em; 
    box-shadow: 5px 5px 3px 0px rgba(119,119,119,0.7); 
    text-align: justify;
}
img{
    float: None;  
    height: 4em; 
    display: block; 
    margin-left: Auto; 
    margin-right: Auto;
}

.blockMargin{
    display: block; 
    margin-bottom: -1px;
}

.underline{
    border-bottom: 1px dotted #c03;
    width: 100%;
    display: block;
}
.heading{
    color: red;
    font-weight: bold;
}