<h1>ট্যাগের পরে লাইনব্রেকগুলি সরিয়ে নিয়ে আমার একটি সমস্যা হচ্ছে , যতবার এটি প্রিন্ট হয় এটি সরাসরি এর পরে একটি লাইন ব্রেক যোগ করে, তাই <h1>Hello World!</h1> <h2>Hello Again World!</h2>প্রিন্টের মতো এই জাতীয় কিছু:
Hello World!
Hello Again World!
সিএসএসে আমার কী ট্যাগগুলি পরিবর্তন করতে হবে তা সম্পর্কে আমি অনিশ্চিত, তবে আমি আশা করি এটি প্যাডিং বা মার্জিনের সাথে কিছু করার আছে
আমি যদি সম্ভব হয় তবে উল্লম্ব প্যাডিংও রাখতে চাই।
উত্তর:
আপনার মতো মনে হচ্ছে এগুলি ইনলাইন হিসাবে ফর্ম্যাট করতে চান। ডিফল্টরূপে, h1এবং h2হ'ল ব্লক-স্তরের উপাদানগুলি যা লাইনের পুরো প্রস্থকে ছড়িয়ে দেয়। আপনি এগুলিকে CSS এর সাথে ইনলাইনে পরিবর্তন করতে পারেন:
h1, h2 {
display: inline;
}
এখানে একটি নিবন্ধ যে মধ্যে পার্থক্য ব্যাখ্যা করে এর blockএবং inlineআরো বিস্তারিত: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
উল্লম্ব প্যাডিং বজায় রাখতে inline-block, এই জাতীয় ব্যবহার করুন :
h1, h2 {
display: inline-block;
}
<h1>ট্যাগ {display: block}সেট আছে। তারা ব্লক স্তরের উপাদান। এটি বন্ধ করতে:
{display: inline}
h*ট্যাগের পরে সবসময় একটি নতুন লাইন থাকবে ।
আমি এইচটিএমএল স্টাইল বিভাগে h1 মার্জিন মান বিয়োগ করে সেট করে এই সমস্যার সমাধান করেছি। এটি আমার প্রয়োজনের জন্য নিখুঁতভাবে কাজ করে।
<style>
h1 {
display: block;
font-size: 0.9em;
margin-top: -1.91em;
margin-bottom: -1.91em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>