Horizontal news slider in html css

I am making a latest news bar for a website. It needs to look like this:
enter image description here

Here is the fiddle. Please guide me how can I achieve the image like design. Thanks.

HTML:

<div class="green">
Latest News
</div>
<div class="black">
Some text here

</div>

CSS:

.green{
    height:30px; 
    background-color:#3E6A56;
    color:#FFF;
    width:130px;
    float:left;  
}
.black{
    height:30px; 
    background-color:#000000; display:inline;
    float:right;
    color:#FFF;
    width:100%;
}


Source: css

Leave a Reply