css3 - Text getting pushed our of a div when using a border CSS -
im using div have gradient background on tittle on weppage.
when using "border" property in css text pushed out of div.
i have tried changue size, take out radius-border etc...
#textkeyboard {     height: 26px;     width: 330px;     text-transform: uppercase;     text-align: left;     background: -webkit-linear-gradient(#615bff, #262544);     /* safari 5.1 6.0 */     background: -o-linear-gradient(#615bff, #262544);     /* opera 11.1 12.0 */     background: -moz-linear-gradient(#615bff, #262544);     /* firefox 3.6 15 */     background: linear-gradient(#615bff, #262544);     margin-top: 20px;     margin-left: 20px;     padding-left: 10px;     border-radius: 12px;     border: 1px solid; } h3 {     color: #f6b824;     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } http://jsfiddle.net/t5w7wuay/ here jsfiddle of code.
thanks.
there predefined styling on elements, h3.
to fix button add yout h3 rule:
margin: 0; padding: 0; edit:
advice: use reset.css can find here clears every predefined style , gives full controll of styling.
Comments
Post a Comment