Correction of 100% width with the addition of anchors in the gasket

Question

Ok, so I have a class that changes the look of a certain type of snap that I use, but the problem is that browsers continue to add 30 fill pixels, which I set to a given width of 100%, so it stretches out of the box in which is the anchor.

div.box div div div a.option_line { cursor: pointer; display: block; font-weight: normal; min-height: 30px; padding: 0px 10px 0px 20px; text-align: justify; width: 100%; } 

Can anyone think about how to anchor within the window?

Answer 1

Just take out the width: 100% , since a declared as a block level element, it will stretch to the maximum width available without a transition.

Answer 2

Remove Width: 100%; which caused the problem, because you already set the display to “block” the width: 100% is not required, since the elements of the block occupy the available width of the container