रैप किए गए लेबल टेक्स्ट की बाद की पंक्तियों को इंडेंट करना

जब फॉर्म की चौड़ाई पर बाधाओं का सामना करना पड़ता है, तो लेबल टेक्स्ट कई लाइनों पर लपेट सकता है, जिससे सौंदर्यबोध होता है चिंताएँ. जबकि पहली पंक्ति एक इनपुट तत्व की उपस्थिति के कारण इंडेंट की गई है, बाद की लाइनें नहीं हो सकती हैं, जिससे एक असमान उपस्थिति पैदा हो सकती है। &&&]

"चेकबॉक्स-फ़ील्ड"

"flex" पर और फ्लेक्स-दिशा को "row" पर सेट करें।.checkbox-field { प्रदर्शन: फ्लेक्स; फ्लेक्स-दिशा: पंक्ति; }

.checkbox-field {
  display: flex;
  flex-direction: row;
}

यह समाधान सुसंगत दृश्य उपस्थिति को बनाए रखते हुए लचीले ढंग से लेबल टेक्स्ट को उपलब्ध चौड़ाई में समायोजित करता है।