हेल्लो दोस्तों, आज हम अपने इस आर्टिकल में आपको बताएँगे की HTML एवं CSS Code के मदद से हम किसी भी element को center में कैसे कर सकते है Responsive Align Center Demo
नीचे दिए गए Demo में आप देख सकते है
Responsive Align Center CSS Code
किसी भी element को center में करने के लिए हम नीचे दिए गए code का use style के रूप में करेंगे
.center {
margin: auto;
width: 60%;
height:200px;
border: 3px solid #ffc107;
padding: 10px;
text-align:center;
}
यदि आप border को हटाना चाहते है या उसका कलर change करना चाहते है तो आप इस CSS Code (border: 3px solid #ffc107; ) में परिवर्तन कर सकते है
यदि आप चाहे तो उपरोक्त सभी कोड के को नीचे दिये गए Copy Code के बटन पर click करके उपरोक्त कोड को कॉपी कर सकते है
उपरोक्त दिए गए कोड को लिखने बाद हम नीचे दिए गए HTML Code लिखेंगे
Responsive Align Center HTML Code
<div class="center">
उपरोक्त दिए गए कोड को आप अपने content के सबसे ऊपर Paste करे फिर उसके बाद Preview देखे आपका content center में हो जायेगा