Home/ Questions/Q 967025
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T02:15:06+00:00

I have a box where I am trying to add a button to the

  • 0

I have a box where I am trying to add a button to the bottom right corner, yet when I try to float it right, it ends up outside of the div that I have placed it in. How can I fix this?

Link To Live Example

Code:

    <!doctype html>
<html>
    <head>
        <style>
        #sidebar {
            width: 340px;
            float:left;
        }

        .side_block {
            background-color: #FFFFFF;
            padding:8px;
            margin: 8px;
            border-radius: 12px;
            border: 1px solid #AAAAAA;
        }
        .addLink{
            float:right;
            font-size:12px;
        }   
        </style>
    </head>
    <body>
        <div id="sidebar">
            <div class="side_block">

                        <h4>Files</h4>
                        <ul>
                            <li><a href="#">Original Emails.doc</a></li>
                            <li><a href="#">Homepage Draft.jpg</a></li>
                            <li><a href="#">First_Draft.txt</a></li>
                        </ul>
                        <input type="button" class="addLink" value="+Add File" style="float:right;">
            </div>
        </div>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Clear your float:

    <div class="side_block">

            <h4>Files</h4>
            <ul>
                <li><a href="#">Original Emails.doc</a></li>
                <li><a href="#">Homepage Draft.jpg</a></li>
                <li><a href="#">First_Draft.txt</a></li>
            </ul>
            <input type="button" class="addLink" value="+Add File" style="float:right;">
            <br style="clear: right;" />
</div>
    • 0