మీరు వచనం యొక్క కుడి వైపున ఒక చిత్రం తేలుతూ ఎలా నేర్చుకోవాలో ఆసక్తి చూపితే, ఇది చాలా సరళమైన పని అని తెలుసుకోవడం సంతోషంగా ఉంటుంది. ప్రోగ్రామర్లు పాఠం లోపలి భాగంలో కనిపించే ఒక వెబ్ పుటను కోరుకుంటున్న అనేక సందర్భాలు ఉన్నాయి. అదృష్టవశాత్తూ, చిత్రాలను అభిసంధానించడం టెక్స్ట్ను అభిసంధానం చేయడంతో ఉంటుంది, కాబట్టి మీరు మీతో అనుభవం కలిగి ఉంటే, ఈ ప్రక్రియ అన్నిటిలోనూ కష్టం కాదు.
వాస్తవానికి, CSS ఫ్లోట్ ఆస్తితో, టెక్స్ట్ యొక్క కుడి వైపున మీ చిత్రాన్ని తేలుతూ, ఎడమవైపున దాని చుట్టూ టెక్స్ట్ ప్రవాహాన్ని కలిగి ఉంటుంది. ఎలా తెలుసుకోవడానికి ఈ ఐదు నిమిషాల ట్యుటోరియల్ ఉపయోగించండి.
మొదలు అవుతున్న
ప్రారంభించడానికి, పేరాగ్రాఫ్ ప్రారంభంలో వచనం యొక్క పేరాగ్రాఫ్ను వ్రాసి చిత్రాన్ని జోడించండి. ఇది టెక్స్ట్ ముందు కానీ తర్వాత
ట్యాగ్):
తరువాత, చిత్రానికి శైలి లక్షణాన్ని జోడించి ఫ్లోట్ లక్షణాన్ని వర్తించండి:
మీ టెక్స్ట్ ఇమేజ్కి వ్యతిరేకంగా కుడివైపుకి దూసుకుపోతుంది, కాబట్టి చదవడానికి సులభంగా చిత్రం కోసం కొన్ని మార్జిన్లను జోడించండి:
మార్జిన్ షార్ట్హ్యాండ్ ఆస్తి టాప్, కుడి, దిగువ మరియు ఎడమ (TRBL) లో అంచులను వర్తింపచేస్తుంది. మరియు అది చేస్తుంది. ఇప్పుడు మీరు కుడి వైపుకు ఒక చిత్రం తేలుతున్నట్లు కష్టం కాదు. మీరు ఎడమ వైపున ఒక చిత్రాన్ని తేలుతూ, దానిని సెంటర్కు తేవడానికి ఆసక్తి కలిగి ఉండవచ్చు. మొదటి తరలింపు సాధ్యం కానప్పటికీ, దురదృష్టవశాత్తూ, మీకు ఇద్దరు నిలువు వరుస లేఅవుట్ అవసరమవుతుంది కాబట్టి, కేంద్రానికి ఒక చిత్రాన్ని ఫ్లోట్ చేయలేరు.
చుట్టి వేయు
