how to make border length fix 20px from text instead of dynamic width according to screen size css3 -

And I'm sorry I can not translate my question in easy language, sorry: (

< Pre> body {background: # 33ffcc; minute-height: 100%; margin-top: 3em;} #kal {font-size: 2em; color: #fff; boundary: 3px solid #fff; text-align : Center;}

But here:

And note that the box limit is changing the screen size every time? And I want the limit fixed That's right, like 20px from left to right and the text is how and so In any way ..? Thanks in advance! There are errors of grammar too. Hopefully you will not get a headache.

Use display: inline-block and set padding how much space you want: