marquee width 100%

Bug when the div is inside a table

by AJIEKCEU

HTML

<script src="//cdn.jsdelivr.net/jquery.marquee/1.4.0/jquery.marquee.min.js"></script>

      <div class='marquee'>Longer text lorem ipsum dolor sit amet.</div>

CSS

body {
  margin: 10px;
  font-family: 'Lato', sans-serif;
}

.marquee {
  width: 100%; 
  overflow: hidden;
  border: 1px solid #ccc;
  background: black;
  color: rgb(202, 255, 195);
}

JavaScript

$(function() {
  $('.marquee').marquee({
    duration: 5000,
    startVisible: true,
    duplicated: true
  });
});