how to have more generic names?
To tell the truth, even though I really despise these sorts of names, there are templates who use really generic names when there are a bunch of items with just different widths and things:
class="w70" for something with a width of 70 somethings (likely px)
So, I have seen stuff like this:
I don't like them but if you have classes who exist simply to make all these different widths, that's one way (it's at least readable to the next guy).
In my forms, I sometimes have inputs who expect only 2 or 4 characters. I put the size attribute on those, in the HTML, because the size of the input is feedback for the user, coupled with a maxlength... so because I consider the size to be part of the content in that context (yeah, I'm stretching the meaning here), I do that. Mostly just inputs who expect a number like "5".
Any other width adjustments I make, I do in CSS. I have one site where I have many different widths for select dropdowns. For those, often a div would wrap a group of them, and that div would have a class. All selects inside that classed div got certain styles. This prevented me from having like 5 selects all together with the same class on them.