html - Button width in css3 -

मेरे पास एक बटन है और मुझे यह एक विशेष आकार होना है

html < पूर्व> & lt; a class = "बटन आइकन उठाएं" onclick = "raiseButtonAction (realplayer, gameState)" id = "nupp1" href = "#" & gt; & lt; span & gt; राइज & lt; / span & gt; & lt; / a & gt ;

सीएसएस

  .button {position: absolute; सीमा-शीर्ष: 1px ठोस # 96d1f8; पृष्ठभूमि: # 65 ए 9 डी 7; पृष्ठभूमि: -वेबकिट-ग्रेडिएंट (रैखिक, बायां शीर्ष, बायां नीचे, से (# 3 ई 7 9 डी), (# 65 ए 9 डी 7)); पृष्ठभूमि: -मोझ-रैखिक-ढाल (शीर्ष, # 3 ई 7 9 डी, # 65 ए 9 डी 7); पैडिंग: 5px 10px; -वेबकिट-सीमा-त्रिज्या: 4px; -मोझ-सीमा-त्रिज्या: 4px; सीमा-त्रिज्या: 4px; -वेबकिट-बॉक्स-छाया: आरजीबीए (0, 0, 0, 1) 0 1 पीएक्स 0; -मोझ-बॉक्स-छाया: आरजीबीए (0, 0, 0, 1) 0 1 पीएक्स 0; बॉक्स-छाया: आरजीबीए (0, 0, 0, 1) 0 1 पीएक्स 0; पाठ-छाया: आरजीबीए (0, 0, 0, .4) 0 1 पीएक्स 0; सफ़ेद रंग; फ़ॉन्ट आकार: 19px; फोंट की मोटाई: बोल्ड; फ़ॉन्ट-परिवार: सेगो; पाठ-सजावट: कोई नहीं; ऊर्ध्वाधर-पंक्ति: बीच;   
 लेकिन अगर मैं उदाहरण के लिए चौड़ाई रखता हूं: 100px; यह आकार में परिवर्तन नहीं करता है क्या मैं कुछ गलत कर रहा हूं या आप किसी प्रीडेड बटन के आकार को बदल नहीं सकते हैं?   
 
 
 उस शैली एक  एक  तत्व पर है, जो एक इनलाइन है और चौड़ाई को स्वीकार नहीं करेगा। आप इसे  इनलाइन-ब्लॉक  या  ब्लॉक  में बदल सकते हैं और फिर आपके पास चौड़ाई पर नियंत्रण होगा।