Part Number Wraps

by Victor

HTML

<div class="result cf">
    <span>Part Number: FJ -
        <span class="yellow">2</span> -
        <span class="blue">DIBA</span> -
        <span class="green">2</span> -
        <span class="red">VB</span> -
        <span class="red">H</span>
    </span>
</div>

CSS

.yellow {
    background:#F9BF3B;
       padding:0 4px;
        color:white;
        text-shadow:0 -1px 4px rgba(5,5,5,.5);
}
.blue {
    background:#00ADE8;
       padding:0 4px;
    color:white;
        text-shadow:0 -1px 4px rgba(5,5,5,.5);
}
.green {
    background:#8CC93C;
       padding:0 4px;
        color:white;
        text-shadow:0 -1px 4px rgba(5,5,5,.5);
}
.red {
    background:#E74C3C;
    padding:0 4px;
    color:white;
    text-shadow:0 -1px 4px rgba(5,5,5,.5);
}