CSS: Text-Align-Last Doesnt Work in Chrome

text-align not working on select control on chrome

Use of text-align-last:center; :

.center_align {
  text-align:center;
  width: 100%;
  text-align-last:center;<----------Added
}

.center_align {  text-align:center;  width: 100%;  text-align-last:center;}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/><select class="form-control center_align">  <option value="0">   - Välj -</option>  <option value="1" selected="">   Kategorier valda</option></select>

Why doesn't text-align-last work on Safari and acts weirdly?

Its not compatible with safari

before using any new css property please check those with caniuse

text-align not working on chrome

Update your .one_full class like below

.one_full {
  float: left;
  width: 100%;
}    

text-align: justify not working in some browsers after applying normalize.css

normalize.css adds in a property, text-rendering: optimizeLegibility. Try turning that off and see how justify works. Justify affects your word spacing, while the text rendering affects your letter spacing. I'd start there.

---

Related Topics