CSS-এ অ্যাবসোলিউটের মাধ্যমে কেন্দ্রীকরণ

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

html<div id="elem"></div>

css#elem {
  position: absolute;
  top:    30px;
  right:  30px;
  bottom: 30px;
  left:   30px;
  
  border: 1px solid green;
}

Результат: