কিভাবে টেক্সট রাইট একটি ইমেজ ভাসা

এই পাঁচ মিনিটের টিউটোরিয়াল ব্যাখ্যা কিভাবে

আপনি কিভাবে লেখার ডানদিকে একটি ছবি তোলার শেখার আগ্রহী? যদি তাই হয়, আপনি একা নন। এমন অনেকগুলি পরিস্থিতি রয়েছে যেখানে প্রোগ্রামাররা একটি ওয়েব পৃষ্ঠায় একটি চিত্র চান যা পাঠের ভেতরে প্রবাহিত বা তার চারপাশে আবৃত পাঠ্যের সাথে প্রদর্শিত হয়। সৌভাগ্যক্রমে, ইমেজগুলি ছাঁটাগুলি লেখাটি ম্যানিপুলেটের অনুরূপ, তাই আপনি যদি পরবর্তীতে অভিজ্ঞতা লাভ করেন তবে এই প্রক্রিয়াটি সব সময় কঠিন হওয়া উচিত নয়।

আসলে, CSS ফ্লোট সম্পত্তির সাথে, আপনার ইমেজটি পাঠ্যের ডানদিকে ফাঁকা করা এবং বাম দিকে তার চারপাশে পাঠ্য প্রবাহ রয়েছে। এই পাঁচ মিনিটের টিউটোরিয়ালটি কিভাবে ব্যবহার করবেন তা শিখুন

শুরু হচ্ছে

শুরু করতে, পাঠের একটি অনুচ্ছেদ লিখুন এবং অনুচ্ছেদ শুরুতে একটি ছবি যোগ করুন। এই লেখাটি আগে করা উচিত কিন্তু

ট্যাগ করার পরে):

দুটোই নীরব রইলো এবং ভলউপটেটের প্রতিবেদনে ইএসএমএমএসের কিছু সময় উপস্থিত ছিল। কল্পনাপ্রসূত অকর্মণ্য কাজ এবং শ্রোতাদের জন্য কোনও মাপকাঠি। সুনেত্রের কৌতুহল তাত্পর্যহীনতা ব্যতিরেকে চূড়ান্ত না হওয়া সত্ত্বেও মনিটর অণু ?

পরবর্তী, ইমেজ একটি শৈলী বৈশিষ্ট্য যোগ করুন এবং ভাসমান সম্পত্তি প্রয়োগ:

শৈলী = "ভাসমান: ডান;" />

আপনার পাঠ্যটি চিত্রের বিপরীতে ডানদিকে ঝাঁকিয়ে দেওয়া হবে, যাতে ছবিটি সহজে পড়তে পারে এমন কিছু মার্জিন যোগ করুন:

মার্জিন: 0 5px 0 0; " />

মার্জিন শর্টথ্যাডের সম্পত্তি মার্জিনের উপরে উপরে, ডান, নীচে এবং বামে ( TRBL ) প্রযোজ্য ।

মোড়ক উম্মচন

এবং এটি যে এটি। এখন আপনি যে ডানদিকে একটি ইমেজ ভাসমান দেখতে সব সময়ে কঠিন নয়। আপনি বাম দিকে একটি চিত্র ভাসমান এবং কেন্দ্র এটি ভাসমান আগ্রহী হতে পারে। প্রথম পদক্ষেপটি সম্ভব হলে, দুর্ভাগ্যবশত আপনি কেন্দ্রটিতে একটি ছবি ফ্লোট করতে পারবেন না, যেটিকে সাধারণত দুটি-কলাম লেআউটের প্রয়োজন হবে।