iOS Safari whitespace bug

Tests a bug in iOS safari where child whitespace styles don't override parent whitespace styles.

by Soviut

HTML

<div id="parent">
    <div id="child">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis nisl tellus, sed ultricies augue porttitor sollicitudin. Donec tincidunt, magna sed consequat semper, nunc dolor sodales risus, ac hendrerit mi odio nec est. Nulla sed orci vitae dolor ultrices pellentesque vehicula sed enim.</div>
</div>

CSS

#parent {
    white-space: nowrap;
    width: 100%;
}

@media screen and (max-width: 320px) {
    #child {
        white-space: normal;
        width: 50%;
    }
}