CODEWITHSUNDEEP
htmlcssinternet-exploreralignment
patricK
patricK

Reputation: 1105

text-align:start not apply just at IE

I'm trying to set my input left using text-aling. It works at Chrome, FF, etc, but just not in IE11

Am I using this property wrong? Or is just a IE bug?

Here is a fiddle with the following code: http://jsfiddle.net/uykykfsb/

<html>

<style type="text/css">
.a {
    border: 1px solid red;
    text-align: center;
}   
.b {
    border: 1px solid green;
    width: 400px;
    height: 200px;
    text-align: start !important;
}
</style>

<body>
    <div class="a"> 
        <div class="b" >
            <input type="text"></input>
        </div>
    </div>
</body>
</html>

Upvotes: 1

Views: 4774

Answers (2)

Floris
Floris

Reputation: 3127

I would suggest to keep using text-align: start; but with a fallback to text-align: left;.

.b {
    border: 1px solid green;
    width: 400px;
    height: 200px;
    text-align: left;
    text-align: start;
}

This way, modern browser will overwrite text-align: left; with text-align: start;. And browsers that do not support the start value will just keep using the left value.

Upvotes: 2

Scott Doxey
Scott Doxey

Reputation: 391

text-align: start is currently not supported in Internet Explorer https://developer.mozilla.org/en-US/docs/Web/CSS/text-align#Browser_compatibility

Upvotes: 4

Related Questions