vertical-align-baseline-replaced.html

<!DOCTYPE html>
<style>
    #table { display: table; }
    #table > div { display: table-row; }
    #table > div > div { display: table-cell; }
</style>

<div id="table">
    <div>
        <div><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCBmaWxsPSdncmVlbicgd2lkdGg9JzEwMCcgaGVpZ2h0PScxMDAnPjwvcmVjdD48L3N2Zz4="></div>
        <div><img id="imagetoset"></img></div>
    </div>
</div>

<script>
document.documentElement.offsetWidth;
document.querySelector('#imagetoset').src = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCBmaWxsPSdncmVlbicgd2lkdGg9JzEwMCcgaGVpZ2h0PScxMDAnPjwvcmVjdD48L3N2Zz4=';
</script>

chromium/third_party/blink/web_tests/fast/css/vertical-align-baseline-replaced.html