wordpress - align-items:center not working in custom CSS? -




for reason align-items doesn't work in custom css. advice how can around this?

picture of issue:

picture of issue

this code:

.list-view {     display:flex; } .item-image {     display:flex;     align-items:center; } 

i guessing second part issue. align-items in white in custom css in wordpress whereas other properties display in navy blue, guessing can't read property, not sure why is.

a working jsfiddle, have added flex: 1; item-image class.

.list-view {    border: 1px solid black;    display: -webkit-flex;    /* safari */    -webkit-align-items: center;    /* safari 7.0+ */    display: flex;    text-align: center;  }    .item-image {    align-items: center;    flex: 1;    -webkit-flex: 1;    /* safari 6.1+ */  }
<div class="list-view">    <div class="item-image" style="background-color:coral;">red</div>    <div class="item-image" style="background-color:lightblue;">blue</div>    <div class="item-image" style="background-color:lightgreen;">green div more content.</div>  </div>

hope helps. :)





wiki

Comments

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -