कैसे करें - केंद्र की वेबसाइट
CSS के साथ अपनी वेबसाइट को क्षैतिज रूप से केन्द्रित करने का तरीका जानें।
केंद्र वेबसाइट
अपनी वेबसाइट को क्षैतिज रूप से केन्द्रित करने का तरीका जानें:
यह उदाहरण क्षैतिज रूप से 500 पिक्सेल से अधिक चौड़ी स्क्रीन पर केंद्रित है।
अपनी वेबसाइट को कैसे केन्द्रित करें
एक कंटेनर तत्व का प्रयोग करें और एक विशिष्ट max-width
. कई वेबसाइटों द्वारा उपयोग की जाने वाली सामान्य चौड़ाई 960px है। वास्तव में पृष्ठ को केंद्र में रखने के लिए, जोड़ें margin: auto
।
निम्नलिखित उदाहरण वेबसाइट को 500px से अधिक चौड़ी स्क्रीन पर केन्द्रित करेगा। 500px से कम चौड़ी स्क्रीन पर, यह पूरे पृष्ठ पर फैली होगी:
उदाहरण
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
कभी W3Schools Spaces के बारे में सुना है ? यहां आप शुरुआत से अपनी वेबसाइट बना सकते हैं या एक टेम्पलेट का उपयोग कर सकते हैं, और इसे मुफ्त में होस्ट कर सकते हैं।
मुफ़्त में शुरू करें* किसी क्रेडिट कार्ड की आवश्यकता नहीं