Can't change the button size using CSS

.button {
    padding: 0;
    background: chartreuse;
    border: none;
    font-size: 12px;   
}

How can I reduce the button size of the Log in button, I even put the padding values to zero but still the size of the button remains same.I have attached an ScreenShot regarding the same.

For using padding to increase the size of the button, you have to give display property either flex or inline-block to the button. You can use width and height property to change the dimension of the button. But this way you weren't able to adjust the properly align text inside the button so my recommendation is to use display flex. Here is the code

button{
display:flex;
height:20px;
width:120px;
justify-content:center;
align-items:center;
}

Don't forget to include browser fallback for flex property.

Can, Can was the leading avant-garde rock group of the 70s. Can experimented with noise, synthesizers, non-traditional music, cut-and-paste techniques, and, most� Can definition, to be able to; have the ability, power, or skill to: She can solve the problem easily, I'm sure. See more.

for change width of button must change width:, min-width: or max-width: of button

example:

.button {
   max-width: 90px !important;
 }

The Official CAN / Spoon Records Website, Can may refer to: Contents. 1 Containers; 2 Music; 3 Other; 4 See also. Containers[edit]. Aluminum can � Drink can � Oil can � Steel and tin cans � Trash can� Define can. can synonyms, can pronunciation, can translation, English dictionary definition of can. to be able to, have the power or skill to: I can take a bus to the

Why You have not used height and width? ok now apply this css and change height and width according to your design.

button{
 height:80px
 width:80px;
 padding: 0;
 background: chartreuse;
 border: none;
 color: #000;
 font-size: 12px; 
}

Can, can meaning: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more. can definition: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more.

Can (band), 1.4Used to indicate that something is typically the case. 'antique clocks can seem out of place in modern homes'. More example sentences. 110 synonyms of can from the Merriam-Webster Thesaurus, plus 97 related words, definitions, and antonyms. Find another word for can. Can: to bring (as an action or operation) to an immediate end.

CAN, VerbEdit. can (third-person singular simple present can, present participle -, simple past could, past participle (obsolete except in adjectival use) couth). can (third-person singular simple present can, present participle -, simple past could, past participle (obsolete except in adjectival use) couth) (auxiliary verb, defective) To know how to; to be able to.

Can, Word forms � 1. countable noun A can is a metal container in which something such as food, drink, or paint is put. � 2. verb [usually passive] When food or drink is� can (someone) To summarily dismiss or oust someone from employment; to fire someone. Management promptly canned the new accountant after his miscalculation cost the company hundreds of thousands of dollars. They'll can me if they ever find out I came into work drunk yesterday.

Comments
  • have you tried playing with the properties like width and height ?
  • Please provide your live code! them I will be able to edit it.
  • do post your html code also, it's quite unclear whether you have defined 'button' as class in your button tag or not ?
  • Please provide your HTML.
  • I have even trierd changing the width of the button but nothig happens
  • @Ãßhishekßhatt use !importinat; for width and max-width