dollar sign on an input

by ben74

HTML

<div class="test">
    <input type="text" placeholder='somethin goooooooooooood'></input>
</div>

CSS

input{padding:0 10px;}
input,.test{width:100px;}

.test{position: relative;display:inline;}
.test:after{content: '€';position: absolute;top: 0;right: 5px;z-index: 1;}

.test:before {
    content: '$';
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 1;
}