Currency suffix form element

HTML

<p class="row">
    <input type="number" title="e" placeholder="Betrag in €" />
    <span class="currency">€</span>
</p>

CSS

body { margin: 1em; font-family: sans-serif; }
input {
    width: 95%;
    height: 1.3em;
    line-height: 1.3;
    padding: .4em;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.currency {
    position: absolute;
    top: .4em;
    right: 0;
    display: block;
    height: 1em;
    width: 1em;
    padding: .3em;
    font-size: .8em;
    line-height: 1;
    text-align: center;
    color: #666;
    background: #eee;
    border-radius: 50%;
}