JSFiddle - React, Tailwind, and code Playground

by pepelsbey

HTML

<div class="ul">
    <span class="li">Oops!</span>
    <span class="li">Where's</span>
    <span class="li">right borders</span>
    <span class="li">in IE7 <b>and Chrome 26+</b>?</span>
</div>

CSS

span {
    font: normal 32px/1.33 times new roman, serif;
    padding: 2px;
    border: 2px solid green;
    border-left: 2px solid red;
    background: yellow;   
}

.ul {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.li {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
}