WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts

WeLoveCSS > WEB DESIGN > CSS > Position of bordered coloured box

  Thread Tools Display Modes
Old 24th February 17, 02:43 AM   #1
WLC Member
Join Date: Mar 2013
Posts: 36
Default Position of bordered coloured box


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:

.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

Thread Tools
Display Modes
Hybrid Mode Hybrid Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 09:37 PM.

Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.