.ticker {
  background-color: #c0c0c0;           /* Classic gray */
  border: 2px solid #808080;          /* 3D border effect */
  border-right-color: #fff;
  border-bottom-color: #fff;
  font-family: "MS Gothic", "Courier New", monospace;
  font-size: 14px;
  padding: 4px 8px;
  margin: 10px auto;
  width: 90%;
  max-width: 600px;
  box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #808080;
  overflow: hidden;
}

.ticker marquee {
  color: #000080;                     /* Deep blue text */
  white-space: nowrap;
}










<p><div class="ticker">
  <marquee behavior="scroll" direction="left" scrollamount="3">
    ✿ Hana’s Room — My digital sanctuary ✿
  </marquee>
</div>
<marquee behavior="scroll" direction="left" scrollamount="3">