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