संपादित करें: यहां स्थिति का Fiddle है।मैं इस पाठ को बाईं ओर सभी तरह से बैठने के लिए कैसे प्राप्त कर सकता हूं?
ठीक है, इसलिए मैं एक वेब पेज बना रहा हूं, लेकिन मैं एक परेशान फ़ॉन्ट क्विर्क में भाग रहा हूं। ऐसा लगता है कि sans-serif फोंट बॉक्स वे में बैठे रहे के बाएँ किनारे पर ठीक से बैठने के लिए मना कर दिया
यहाँ मुद्दा प्रदर्शित करने के लिए कुछ प्रयोगात्मक एचटीएमएल है:।
<html>
<head>
<style>
.box {
margin: 30px 0px 0px 30px;
border: 1px solid #f00;
}
</style>
</head>
<body style="font-size: 36px;">
<!-- text beginning with 'M', which has serifs protruding from the left side in a serif font -->
<div class="box" style="font-family: 'Segoe UI';">My text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Times New Roman';">My text</div> <!-- serif -->
<div class="box" style="font-family: 'Arial';">My text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Garamond';">My text</div> <!-- serif -->
<!-- text beginning with 'T', which has no left-protruding serifs in a serif font -->
<div class="box" style="font-family: 'Segoe UI';">Text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Times New Roman';">Text</div> <!-- serif -->
<div class="box" style="font-family: 'Arial';">Text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Garamond';">Text</div> <!-- serif -->
</body>
</html>
सीएसएस गुण मैं पर कोई भी विचार पाठ को अपने कंटेनर के बाएं किनारे पर बैठने के लिए सेट/संशोधित कर सकते हैं? सुन्दरता से, यह है - मैं वास्तव में चरित्र-दर-चरित्र समाधान पसंद नहीं करूंगा।
टेक्स्ट इंडेंट का प्रयास करें? –
यह एक ब्राउज़र और/या ओएस विशिष्ट समस्या है, क्योंकि मैं इसे क्रोम का उपयोग करके अपने मैक पर पुन: उत्पन्न नहीं कर सकता। एक स्क्रीनशॉट प्रदान करें? हालांकि, मैं टेक्स्ट इंडेंट की तरह कुछ कोशिश करता हूं: -1 पीएक्स; –
मैं इसे 'Google क्रोम' और 'इंटरनेट एक्सप्लोरर 8' के साथ सफलतापूर्वक पुन: पेश करता हूं। मेरा मानना है कि फ़ॉन्ट प्रतिपादन के साथ इसका कुछ संबंध है, और मैं जानना बहुत उत्सुक हूं कि क्यों। – Peter