جابه جا کردن اسکرول

[arezooafshari]

در کدهای css و html زیر اسکرول سمت چپ متن قرار می گیرد چگونه میتوانم آن را به راست منتقل کنم؟




<div class="scroll"> <div class="content"> <div class="first-third-menu"> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> <div> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> <div> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> <div> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> <div> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> <div> <img src="asset/image/first-pic.png" /> <p class="third-right-menu-name"> محمدرضا حق شناس </p> <p class="third-right-menu-job"> برنامه نویس php </p> <i class="icon-cancel"> </i> </div> </div> </div>



.scroll{
position: absolute;
overflow-y: scroll;
height: 200px;
}
.scrollbar{
overflow-y: scroll;
position: absolute;
height: 200px;
}
::-webkit-scrollbar { background:#fff; width:10px;height:10px; }
::-webkit-scrollbar-thumb { background:#999; border-radius:5px; box-shadow:inset 0 0 10px #333; }
::-webkit-scrollbar-corner { background:#fff; }
::-webkit-scrollbar { background:#fff; width:10px;height:10px; }
::-webkit-scrollbar-thumb { background:#999; border-radius:5px; box-shadow:inset 0 0 10px #333; }
::-webkit-scrollbar-corner { background:#fff;}
::-webkit-scrollbar-track{ background:#eee; border-radius:5px; box-shadow:inset 0 0 10px #a; }
.third-right-menu img{
position:absolute;
border: 2px solid #b1b1b1;
border-radius: 5px;
display: inline-block;
float: right;
}
.third-right-menu p{
margin-right: 65px;
font-family: B Yekan;
}
.third-right-menu-title{
margin-right:0px!important;
font-size: 13px;
color: #191919;
}
.third-right-menu-name{
font-size: 15px;
color:#773b9f;
font-weight: bold;
}
.third-right-menu-job{
font-size: 12px;
color:#401d58;
margin-top: -10px;
}
.third-right-menu i{
float: left;
margin-left: 17px;
margin-top: -55px;
color: #3f4045;
}
.third-right-menu button{
height: 9px;
width: 45px;
border-radius: 2px;
background-color: #b8b8b8;
position: absolute;
bottom: -10px;
right: 70px;
}
.third-right-menu button img{
margin-top: -4px;
margin-right: -7px;
}