কম্পিউটার

CSS এ উল্লম্বভাবে একটি উপাদান কেন্দ্রে রাখুন


CSS-এ একটি উপাদানকে উল্লম্বভাবে কেন্দ্রীভূত করতে, উপরের এবং নীচের প্যাডিং ব্যবহার করুন।

উদাহরণ

আপনি একটি উপাদান কেন্দ্রে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

<!DOCTYPE html>
<html>
   <head>
      <style>
         .center {
            padding: 50px 0;
            border: 2px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Center Vertically</h2>
      <p>In this example, we use the padding property to center the div element vertically:</p>
      <div class = "center">
         <p>I am vertically centered.</p>
      </div>
   </body>
</html>

আউটপুট

CSS এ উল্লম্বভাবে একটি উপাদান কেন্দ্রে রাখুন


  1. CSS পজিশনিং এলিমেন্ট

  2. কিভাবে CSS দিয়ে একটি hr উপাদান স্টাইল করবেন?

  3. সিএসএস দিয়ে কীভাবে একটি বোতাম উপাদান উল্লম্ব এবং অনুভূমিকভাবে কেন্দ্রীভূত করবেন?

  4. কিভাবে একটি উপাদান উল্লম্বভাবে এবং অনুভূমিকভাবে CSS দিয়ে কেন্দ্রীভূত করবেন?