View Single Post
Old 24th February 17, 02:43 AM   #1
Blueie
WLC Member
 
Join Date: Mar 2013
Posts: 36
Default Position of bordered coloured box

Hello

I have a Web page here: www.dimadayoub.net/forgot.aspx and, when a user completes the email field, he see the following:



This is generated by the following CSS:

Code:
.resetSent {
            color: #F66;
            text-align: center;
            border: 1px solid #05C6FC;
            -webkit-border-radius: 1em;
            border-radius: 1em;
            padding: 1.5em;
            margin: 4em 10em 0 3em; /* adjust to push away from "Send" */
            display: block;
        }
If possible, I would prefer that message to appear in the same blue-bordered box, but on one line the stretched from one side to the other, rather than being stranded on the left. I have tried to achieve this, but something is preventing it.

Thanks for any advice.
Blueie is offline   Reply With Quote