JSFiddle - React, Tailwind, and code Playground

by ezimir

HTML

<div>1: <br /> 4098px -> border</div>
<div>2: <br /> 4099px -> noborder</div>

CSS

div {
    background: #fdd;
    float: left;
    height: 4098px;
    width: 100px;
    margin-right: 10px;
    padding: 0 5px;
    border-right: 1px dotted #0f0;
}
div + div {
    height: 4099px;   
}

JavaScript

/*
    right border won't be there
    on second div
    in Linux Google Chrome 12.0.742.112

    any other border (2px, dashed will appear)
*/