Float Right property in css is not working
<p>I want to allign the send button to right. But it's not working. </p>

<p>css:</p>

<pre><code> input.textarea {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 50px;
        z-index: 99;
        background: #fafafa;
        border: none;
        outline: none;
        padding-left: 55px;
        padding-right: 55px;
        color: #666;
        font-weight: 400;
    }
    .send-btn {
      float: right!important;
        position: fixed;
        text-align: right;
        bottom: 8px;
        left: 7px;
        width: 34px;
        height: 34px;
        background-image: url(https://cdn2.iconfinder.com/data/icons/dark-action-bar-2/96/send-512.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 100;
        cursor: pointer;
    }
</code></pre>

<p>So please help me in solve this error..</p>

<p>Thank you...                                                                                                             \                        </p>

<p>.</p>