Configuring the size of a box to fit the content

I'm not an expert user of CSS. I started writing HTML before CSS came in, and I tend to dodge it when I can.

However, I do use quite a few standard CSS constructs, including various size boxes defined in CSS:

.plate60 {
width:60;
border: 3px solid gray;
padding: 5px;
font-weight: bold;
font-size: 200%;
text-align:center;
}
 
.plate120 {
width:120;
border: 3px solid gray;
padding: 5px;
font-weight: bold;
font-size: 150%;
text-align:center;
}
.plate140 {
width:140;
border: 3px solid gray;
padding: 5px;
font-weight: bold;
font-size: 150%;
text-align:center;

Syndicate content