पहले अक्षर का गलत जगह पर क्रोम उजागर करता है

Question

जब मैं Chrome में अपनी पाठ कुछ अजीब के पहले अक्षर होता है शैली को यह CSScode का उपयोग करें:

main p::first-letter { 
 
    font-size: 300%; 
 
}

<main> 
 
    <p> 
 
    This is some sample text 
 
    </p> 
 
</main>

जब मैं अब उदाहरण के लिए 'is' शब्द को हाइलाइट करें, 'नमूना' शब्द के अक्षर 'pl' को इसके बजाय हाइलाइट किया गया है। आप यहाँ इस परीक्षण कर सकते हैं: jsfiddle

इसे और अधिक स्पष्ट करने के लिए, तो ऐसा होता है:

आप देख सकते हैं, पर प्रकाश डाला पाठ गलत स्थान पर है।

क्या यह मेरी गलती है या यह क्रोम में एक बग है? मैं इसे कैसे ठीक करूं?

Answer 1

बेस्ट हर ब्राउज़र के लिए कोड इस कोड

<main> 
<p> 
    <span>T</span>his is some sample text 
</p> 

main p span{ 
font-size: 300%; 

}

Answer 2

मैंने पाया क्यों यह यह कर रहा है रखा जाएगा। <p> के बाद यह "वापसी" की वजह से है।

इस व्यवहार आप balise <p> और एक पंक्ति में उसकी सामग्री नहीं है, इस तरह लिखने के लिए है को रोकने के लिए तो:

<p>This is some sample text</p> 

और न इस तरह

<p> 
    This is some sample text 
</p> 

मैं एक नहीं मिल रहा है एक और समाधान ... क्षमा करें।