एक पंक्ति में पाठ या एक डिजाइनर को कैसे हराया जाए

सभी को नमस्कार

प्रत्येक लेआउट डिजाइनर को कम से कम एक बार एक पंक्ति के अंदर पाठ रखने के कार्य से निपटना पड़ता था।
उदाहरण के लिए, इस तरह:



पृष्ठभूमि ठोस है तो कोई समस्या नहीं है। लेकिन क्या होगा अगर पृष्ठभूमि इस उदाहरण में एक तस्वीर है?
मेरा सुझाव है कि मैं निम्नलिखित निर्णय आपके न्यायालय में लाऊं। हो सकता है कि कोई व्यक्ति सुझाव देगा या टिप्पणी कर सकता है, मैं केवल इसके लिए हूं।

उदाहरण: लिंक

समाधान का सार इस प्रकार है:

- पृष्ठभूमि छवि के साथ एक आवरण बनाएं और इसे अतिप्रवाह-छिपाएं (लाइनों के अतिरिक्त भागों को छिपाने के लिए)
- अंदर हम शीर्षक के लिए एक आवरण डालते हैं जिसमें हम टेक्स्ट ब्लॉक (पाठ-संरेखण: केंद्र) को केंद्र में रखते हैं
- एक ब्लॉक जिसमें पाठ को सापेक्ष स्थिति (स्थिति: सापेक्ष) और प्रदर्शन: इनलाइन-ब्लॉक बनाया जाता है
- टेक्स्ट के साथ ब्लॉक के अंदर हम दो लाइनें डालते हैं, उदाहरण के लिए टैग
- पॉज़िटॉन बनाएं: प्रत्येक पंक्तियों के लिए निरपेक्ष, स्पष्ट रूप से व्यापक (उदाहरण के लिए, मूल ब्लॉक के 1000%) और शीर्ष: (एक्स) px (पाठ के केंद्र के साथ रेखा को संरेखित करने के लिए)
- फिर बारी-बारी से दाएं रेखा के लिए बाईं ओर और बाईं ओर दाईं ओर 100% पंक्तियों को रखें
- पाठ से लाइनों तक के इंडेंट पैडिंग इंडेंट करते हैं।

आपके उत्तरों की प्रतीक्षा है।