چگنه عرض یک تگ متناسب با نوشته های داخل باشد

سلام و عرض ادب

از همه کاربران این سایت کمال تشکر رو دارم.از راهنمایی های شما ممنون

من یه نوشته دارم ، داخل تگ div قرار گرفته.در سایت این استایل رو بهش دادم:

div {
border: 1px solid red;
margin: 0 auto;
width: auto ; // کار نمیکنه 
width: 50%; // کار میکنه اما عرض با کم و زیاد شدن نوشته تغییر نمیکنه
width : Xpx; // مثل بالا
}

من میخوام مثلا اگه طول نوشته 100 کارکتر بود به اندازه همون باشه عرضش..اگه طول نوشته مثلا شد 50 کارکتر عرض تگ کمتر باشه .

چطوری این ممکنه؟ با مقدار auto کار نمیکنه.