Search results
31 gru 2014 · Remove the width and display: block and then add display: inline-block to the button. To have it remain centered you can either add text-align: center; on the body or do the same on a newly created container.
To adjust a button's width to fit the text, set the width CSS property on the button to fit-content. The fit-content CSS property makes it so the button's width will be set based on the size of its content.
3 mar 2017 · An online tool to generate a fluid-responsive property, usually font-size, to embed into your stylesheet. Scales typography smoothly across viewport widths.
Example. /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */. @media screen and (min-width: 601px) {. div.example {. font-size: 80px; } } /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */. @media screen and (max-width: 600px) {.
text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button1 {width: 250px;}
The button will scale to fit the text inside it, with a minimum width of 100px and a maximum width of 200px. You can adjust the padding , min-width , and max-width values in the CSS class to fit the text inside the button according to your requirements.
1. Remove the height property on the white box. 2. Maybe your text on the button looks much bigger than width of container? Try word-wrap: break-word and width: 100% please. –
