HTML या CSS के साथ इमेज के चारों ओर टेक्स्ट कैसे मूव करें

जब आप अपने वेब पेज पर टेक्स्ट के साथ एक चित्र शामिल करते हैं, तो डिफ़ॉल्ट शैली छवि के बाईं और दाईं ओर सफेद स्थान छोड़कर, आसपास की सामग्री के ऊपर या नीचे ग्राफ़िक प्रदर्शित करती है। यह स्थान को बर्बाद करता है और चित्र को आपके पाठ से असंबद्ध दिखाई देता है। इसे ठीक करने के लिए, आपके पास छवि की स्थिति निर्दिष्ट करने के लिए हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) या कैस्केडिंग स्टाइल शीट्स (सीएसएस) का उपयोग करने का विकल्प है ताकि टेक्स्ट चित्र की सीमाओं के चारों ओर लपेटे। अपनी पसंद के अनुसार टेक्स्ट को अपनी छवियों के चारों ओर ले जाने के लिए HTML या CSS का उपयोग करें।

एचटीएमएल

चरण 1

अपने कंप्यूटर के टेक्स्ट एडिटर प्रोग्राम में पेज फाइल लॉन्च करें और अपने कर्सर को "" टैग। "संरेखित करें =" टाइप करें और उद्धरण चिह्नों के साथ इसका पालन करें जैसे:

चरण दो

यह निर्दिष्ट करने के लिए कि आपके पाठ के संबंध में आपकी तस्वीर कहाँ दिखाई देती है, संरेखण प्रविष्टि के बाद "दाएं," "बाएं," "मध्य," "शीर्ष" या "नीचे" दर्ज करें। एक "शीर्ष" संरेखण आपकी सामग्री को आपकी छवि के उच्चतम बिंदु पर प्रदर्शित करता है, "मध्य" पाठ को तस्वीर के मध्य में ले जाता है और "नीचे" सामग्री को ग्राफिक के नीचे शुरू करने के लिए निर्देशित करता है। इसके अतिरिक्त, एक "दाएं" स्थिति, आपके डेटा को चित्र के बाईं ओर ले जाती है और एक "बाएं" संरेखण सामग्री को छवि के दाईं ओर रखता है। अपना कोड इस प्रकार टाइप करें:

फ़ाइल सहेजें।

सीएसएस

चरण 1

अपने कर्सर को अंदर रखें "अंतिम कोण ब्रैकेट से पहले उद्धरण चिह्नों के एक सेट के साथ टैग करें और "शैली =" टाइप करें। वर्णन करने के लिए:

चरण दो

उद्धरण चिह्नों के अंदर "फ्लोट:" दर्ज करें और ग्राफिक के संरेखण को नाम देने के लिए "बाएं" या "दाएं" विशेषता टाइप करें। "बाएं" मान आपके चित्र को बाईं ओर प्रदर्शित करता है और आपके पाठ को दाईं ओर ले जाता है, जबकि "दाएं" विशेषता इसके विपरीत करती है। उदाहरण के लिए:

अपना दस्तावेज़ सहेजें।