<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section id="breaking-news"> <div class="container"> <div class="sitewidth"> <div class="br-title">Breaking-news</div> <marquee> <ul> <li><a href="#">helloooo..... </a></li> <li><a href="#">this is bangladesh</a></li> <li><a href="#">bangladesh play well</a></li> </ul> </marquee> </div> </div> </section>

.sitewidth { border: 1px solid #00a651; overflow: hidden; background: #f3f3f3; margin-bottom: 25px; margin-top: 25px; } marquee { float: left; height: 40px; position: absolute; } .br-title { display: inline-block; padding: 10px 20px; color: #FFF; float: left; background-color: #00a651; left: 0px; top: 0px; height: 40px; } .sitewidth ul li { float: left; list-style: none; font-weight: 500; font-size: 13px; height: 10px; }