<div>
You can set height property according to your needs.<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-34294363-1"><span>.ClosingbuttonPopUp</span>
<span>        {</span>
<span>             color:#cccccc;</span>
<span>             margin:0px;</span>
<span>             padding:0px;</span>
<span>             border: solid 1px #cccccc;  </span>
<span>             background-color:#517793;     </span>
<span>             height:15px;                 </span>
<span>        }</span>
</code></pre>
 &nbsp; 
</div>


<div>
Not sure that just by setting padding to 0, it will work, you also need to increase the font size of that button.<br />
<br />

</div>


<div>
You can get a little more control over the display of the button by making some specifications on line-height, height, and width:<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; .ClosingbuttonPopUp<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;color:#cccccc;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;margin:none;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding:none;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;border: solid 1px #cccccc; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;background-color:#517793;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family:arial;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size:13px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; line-height:13px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height:16px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width:11px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} <br />
<br />
But, that's not a very scalable model, since you'd have to write a new style for every button that has different text inside. You'd probably get more consistent results using the same style with an anchor tag, and simulating the behavior of a button. Here's a good example of that:<br />
<br />
<a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html" rel="ugc">http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html</a><br />
<br />

</div>


<div>
<br />
Setting up the height, It didn't work. The padding in the top stay the same.<br />
I increase the font-size but that didn't work neither.<br />
<br />
I wish I could make the button into an anchor but that button is full of different functionality that changing them it will cost me more work.<br />
<br />
<br />

</div>


<div>
This question has been classified as abandoned and is being closed as part of the Cleanup Program. &nbsp;See my comment at the end of the question for more details.
</div>


<div>
<div class="content wysiwyg-content">
Hi,<br />
I am having problems to recreate the style for a button. Please see drawing for more details.<br />
The height of my button it is displaying a padding even though the padding have been set to &quot;0&quot;.<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; .ClosingbuttonPopUp<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;color:#cccccc;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;margin:0px;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;padding:0px;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;border: solid 1px #cccccc; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;background-color:#517793; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; <br />
<br />
<br />
Button:<br />
&lt;asp:Button ID=&quot;CloseButton&quot; CssClass=&quot;ClosingbuttonPop<wbr />Up&quot; runat=&quot;server&quot; Text=&quot;X&quot; /&gt;<br />
<br />
Thanks<br />
<br />
<br />
<br />
<a href="https://filedb.experts-exchange.com/incoming/2010/12_w50/377297/PaddingProblem.png" target="_blank" class="file-inline" title="padding Problem (6 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>PaddingProblem.png</a>
</div>
</div>


PaddingProblem.png

Hi,
I am having problems to recreate the style for a button. Please see drawing for more details.
The height of my button it is displaying a padding even though the padding have been set to "0".

        .ClosingbuttonPopUp
        {
             color:#cccccc;
             margin:0px;
             padding:0px;
             border: solid 1px #cccccc;   
             background-color:#517793;                                 
        }   


Button:
<asp:Button ID="CloseButton" CssClass="ClosingbuttonPopUp" runat="server" Text="X" />

Thanks




How can I overwrite the Padding from the text inside my button?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications