html - Center floated div items -

मेरे पास है:

  #content {width: 100%; text-align: center ; } .item {float: left;}  

और फिर

...

  & lt; div id = "content" & gt; & Lt; div वर्ग = "आइटम" & gt; & lt; img / & gt; & lt; br / & gt; शब्दों & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt; img / & gt; & lt; br / & gt; सामान & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt; img / & gt; & lt; br / & gt; asdasdasdn & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt; img / & gt; & lt; br / & gt; धड्फ्रोवॉन & lt; / div & gt; & Lt; div वर्ग = "आइटम" & gt; & lt; img / & gt; & lt; br / & gt; sewfafdion & lt; / div & gt; & Lt; / div & gt;  

...

मैं इन छवियों को div में रखना चाहता हूं, और उन्हें प्रत्येक के बगल में फ्लोट करना है, और इसे अच्छी तरह लपेट करना है काम नहीं कर रहा है।

मैंने सब कुछ करने की कोशिश की है और यह IE में काम करता है और फ़ायरफ़ॉक्स में टूट जाता है इसलिए मैं कुछ और बकवास लूँगा और फिर यह IE में टूट जाएगा। मैं PHP की सीएसएस की आवश्यकता हूं।

  .item {width: 400px; मार्जिन: ऑटो 0; }  

आपको चौड़ाई निर्दिष्ट करने की आवश्यकता है ताकि वह उपयुक्त हाशिए की गणना कर सके।