html - text within fixed block element to have scalable length -

यह मेरा

और यहां मार्कअप (सीएसएस इन बेलाल) है।

  & lt; div class = "item" & gt; & Lt; a href = "#" & gt; & Lt; span class = "title" & gt; लघु शीर्षक & lt; / span & gt; & lt; br / & gt; & Lt; span class = "date" & gt; 21 जून, 2013 & lt; / span & gt; & Lt; / a & gt; & Lt; / div & gt; ठीक है, यह अच्छा है & lt; br / & gt; & lt; br / & gt; & Lt; div वर्ग = "आइटम" & gt; & Lt; a href = "#" & gt; & Lt; span class = "title" & gt; एक शीर्षक जो मध्यम है & lt; / span & gt; & lt; br / & gt; & Lt; span class = "date" & gt; 21 जून, 2013 & lt; / span & gt; & Lt; / a & gt; & Lt; / div & gt; अभी भी काम कर रहा है ... & lt; br / & gt; & lt; br / & gt; & Lt; div वर्ग = "आइटम" & gt; & Lt; a href = "#" & gt; & Lt; span class = "title" & gt; समायोजित करने के लिए सामान्य से अधिक लंबा शीर्षक & lt; / span & gt; & lt; br / & gt; & Lt; span class = "date" & gt; 21 जून, 2013 & lt; / span & gt; & Lt; / a & gt; & Lt; / div & gt; याक, इसे नीचे धकेल दिया जा रहा है & lt; br / & gt; & lt; br / & gt; & Lt; div वर्ग = "आइटम-आदर्श" & gt; & Lt; a href = "#" & gt; & Lt; span class = "title" & gt; समायोजित करने के लिए सामान्य से अधिक लंबा शीर्षक & lt; / span & gt; & lt; br / & gt; & Lt; span class = "date" & gt; 21 जून, 2013 & lt; / span & gt; & Lt; / a & gt; & Lt; / div & gt; मैं इसे इस मामले में कैसे देखना चाहता हूं   
 सभी 4 में से देखें .. 4वी डिव में एक अद्वितीय वर्ग है जो हार्डकोड आदर्श आयाम है।  < P> क्या यह काम करने के लिए कोई रचनात्मक समाधान है?  मैं एक टैग को समान आकार में रहने के लिए ब्लॉक करना चाहता हूं।    
 
 
 न्यूनतम उपयोग ऊँचाई के बजाय ऊँचाई  
  एक {न्यूनतम ऊंचाई: 70px;}