Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Help With Button Sizing

Posted by: English Nov 20 2017, 02:17 PM

I have the following code in my CSS for a button.

button {
background-color:#005100;
border-radius:28px;
border:3px double #FAFAF9;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
padding-top:3px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 3px;
text-decoration:none;

}

My text is wrapping and I don't want it to. So how can I either specify the fixed width or make the text not wrap?
Thanks
Alan

Posted by: pandy Nov 21 2017, 12:19 AM

With the CSS you have the text shouldn't wrap. My guess is that you have limited the width of the button by putting it in a container with limited width.

Posted by: Darin McGrew Nov 21 2017, 10:19 AM

Can you provide the URL (address) of a document that demonstrates the problem?