] यह छवि को प्रभावी ढंग से दिखाने के दौरान एक आकर्षक दृश्य प्रभाव पैदा कर सकता है। इस कंटेनर के भीतर, छवि के लिए पाठ सामग्री और एक IMG तत्व जोड़ें। HTML कोड इस तरह दिख सकता है:

css स्थिति

नीचे दाएं कोने में छवि को स्थिति देने के लिए, CSS फ्लोट और स्पष्ट गुणों का उपयोग करें: img { सही नाव; स्पष्ट: सही; }

फ्लोट: दाईं ओर छवि को पाठ के दाईं ओर ले जाता है, जबकि स्पष्ट: राइट किसी भी पाठ को छवि को ओवरलैप करने से रोकता है। इसे प्राप्त करने का एक तरीका एक स्पेसर तत्व बनाकर है:

स्पेसर तत्व

ऊंचाई: कैल्क (100% - छवि -ऊंचाई); सही नाव; … // पाठ सामग्री और छवि के आयाम प्राप्त करें // ... // स्पेसर तत्व की ऊंचाई निर्धारित करें spacer.style.height = callatedheight "px"; … यह समाधान यह सुनिश्चित करता है कि पृष्ठ लेआउट उत्तरदायी या गतिशील होने पर भी छवि सही ढंग से तैनात है।