Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

सीएसएस के साथ लंबवत और क्षैतिज रूप से तत्व को कैसे केंद्रित करें?


सीएसएस के साथ किसी तत्व को लंबवत और क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है -

उदाहरण

केन्द्रित उदाहरण

यह पाठ लम्बवत् और क्षैतिज रूप से दोनों पर केन्द्रित है

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

सीएसएस के साथ लंबवत और क्षैतिज रूप से तत्व को कैसे केंद्रित करें?


  1. CSS और JavaScript के साथ ट्री व्यू कैसे बनाएं? CSS और JavaScript के साथ ट्री व्यू कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ एक ट्री व्यू बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: &qu

  1. CSS के साथ अपनी वेबसाइट को क्षैतिज रूप से कैसे केन्द्रित करें? CSS के साथ अपनी वेबसाइट को क्षैतिज रूप से कैसे केन्द्रित करें?

    सीएसएस के साथ अपनी वेबसाइट को क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       backgr

  1. सीएसएस के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें? सीएसएस के साथ एक परिपत्र पथ में एक तत्व को कैसे स्थानांतरित करें?

    CSS एनिमेशन संयोजन, घुमाकर और अनुवाद करके तत्वों को विभिन्न तरीकों से बदलने में हमारी सहायता कर सकते हैं। निम्नलिखित उदाहरण बताते हैं कि हम किसी तत्व को वृत्ताकार पथ में कैसे घुमा सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 8%;   &n