Horizontal news slider in html css -


i making latest news bar website. needs this: enter image description here

here fiddle. please guide me how can achieve image design. thanks.

html:

<div class="green"> latest news </div> <div class="black"> 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%; } 

http://jsfiddle.net/b648z1ve/2/

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

Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -