Question

I want to know that, is something like this, possible? :

#test{
    background-color: red;
    width:auto + 5px;
}

I don’t want to have a <div>, exactly fitted with the width of the text in it. I want it to be “‘text width’ + 5px”.

Is it possible with css?

Answer 1

I suggest using padding:

#test {
    background-color: red;
    width:auto;
    padding:0 5px;
}

This creates a padding of 5px on the right and the left side.
Top and bottom will have a padding of 0.