JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<marquee behavior="scroll" scrollamount="5" class="title">
  text
  <i class="fa fa-edge icon" style="float: right;"></i>
</marquee>

CSS

.title {
	float: right;
	width: 300px;
	margin: 18px;

	color: white;
	font-size: 30px;
	border-radius: 4px;
	padding: 10px 10px;
	background-color: rgba(13, 61, 71, 0.6);

	height: 48px;
}

.title .icon {
  position: absolute;
  right: 0;
}