Question

I have a lightbox to display something. The lightbox works fine by a several lines HTML code and CSS.
Within the lightbox, there is a “Close the Window” link. I want to click it then close the form. It is expected on the bottom of the form, but it is not now.

I think that it is a CSS style problem. The demo is at jsfiddle demo.

 <a id="show-panel" href="#">Show</a>
        <div id="lightbox-panel">
          <h2>Title</h2>
            <p>Goal: </p>
                <br />
          <span>
          <ul style="float:left"><li>Goal 1</li><li>Goal 2</li><li>Goal 3</li></ul>
                </span>

          <p style="float:left" align="center"> <a id="close-panel" href="#">Close this window</a> </p>
        </div>
        <!-- /lightbox-panel -->
        <div id="lightbox"></div>
        <!-- /lightbox --> 

Thanks for help.

Answer 1

You’re using floats the wrong way, is this what you’re looking for ?

FIDDLE