CSS text-indent প্রোপার্টি আমাদের টেক্সট ইনডেন্ট করার জন্য সাদা স্পেসের পরিমাণ নির্দিষ্ট করতে দেয়।
উদাহরণ
নিচের উদাহরণগুলো CSS text-indent প্রোপার্টি প্রদর্শন করে।
<!DOCTYPE html> <html> <head> <style> p { text-indent: 15%; } article { background-color: darkgray; margin: 2%; } </style> </head> <body> <article> <p>Aliquam neque quam, luctus id turpis id, eleifend condimentum lacus. Proin mattis eros eu convallis eleifend. Ut porttitor efficitur massa.</p> <p>Nullam nulla dolor, eleifend a viverra ut, semper nec enim. Praesent at ultricies neque. Praesent finibus erat tristique mauris mollis, vitae scelerisque orci lacinia.</p> </article> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
উদাহরণ
<!DOCTYPE html> <html> <head> <style> p { margin: 2%; text-indent: 13%; border: 2px solid lightgoldenrodyellow; } div { background-color: sandybrown; display: flex; flex: 1; margin: 4%; box-shadow: 0 0 24px rgba(0,0,0,0.6); } </style> </head> <body> <div> <p>Aliquam neque quam, luctus id turpis id, eleifend condimentum lacus. Proin mattis eros eu convallis eleifend. Ut porttitor efficitur massa.</p> <p>Nullam nulla dolor, eleifend a viverra ut, semper nec enim. Praesent at ultricies neque. Praesent finibus erat tristique mauris mollis, vitae scelerisque orci lacinia.</p> </div> </body> </html>
আউটপুট
এটি নিচের ফলাফল দেবে −
