JSFiddle - React, Tailwind, and code Playground

by abdallha dagga

HTML

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<div style='text-align: center;'>
<ul class='button'>
<li><a class='demo' href='#'>خدمة مميزة على خمسات لحماية قالبك من السرقة</a>
    <i class="fa fa-copyright"></i>
    </li>

    </ul>
    </div>

CSS

/* CSS Button Style Simple*/
.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {opacity:1;padding:7px 14px!important;background:#9eb2c0;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}
.fa fa-copyright{ background:#9eb2c0;
}