<div class="banner">
<div class="banner_left">
<span class="banner_act">Акция</span>
<span class="banner_arrow">></span>
</div>
<div class="banner_all">
<span class="banner_title">Подключись за <span>3 копейки</span></span>
<span class="banner_descr">минимальный аванс и т.д.</span>
</div>
<div class="clearfix"></div>
</div>
.clearfix{clear:both}
.banner_left{float:left;}
.banner_act{font-size:20px;color:red;text-transform:uppercase;display:inline-block;}
.banner_arrow{font-size:20px;color:red;display:inline-block;}
.banner_title{font-size:20px;font-weight:bold;color:red;display:inline-block;}
.banner_title span{color:red;}
.banner_descr{color:#333;font-size:13px;}
<div class="left">Акция ></div>
<div class="right">
<div class="right-top">Подключись за <span>3 копейки</span></div>
<div class="right-bottom">Минимальный бла-бла-бла</div>
</div>
.right,
.left {
display: inline-block;
vertical-align: top;
color: red;
}
.right-top {
font-size: n px;
}
.right-top span {
color: blue;
}
.right-bottom {
font-size: n/2 px;
color: black;
}
<link rel="stylesheet" href="/path/to/jquery.mCustomScrollbar.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/path/to/jquery.mCustomScrollbar.concat.min.js"></script>
$(".content").mCustomScrollbar({
axis:"x" // horizontal scrollbar
});
.content