<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            .percentStyle {
                width: 50%;
                padding: 0;
                margin: 0;
                border: 1px solid green;
            }
            .fixedStyle {
                width: 300px;
                padding: 0;
                margin: 0;
                border: 1px solid green;
            }
            .calculatedStyle {
                width: 200px;
                width: calc(350px + 50px);
                padding: 0;
                margin: 0;
                border: 1px solid green;
            }
            .wrap {
                width: 500px;
            }
        </style>
    </head>
    <body>
    <p> Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=79128">79128</a>: Fieldset unexpectedly stretches to minimum intrinsic width </p>
    <p> For this test to pass, you should see our first container to be 50% of its parent, second 300px fixed and third calc width of 400px(if not supported fallback to 200px fixed) </p>
        <div class="wrap">
            <div class="percentStyle">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit 
            </div>
            <div class="fixedStyle">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit 
            </div>
            <div class="calculatedStyle">
               Lorem ipsum dolor sit amet, consectetur adipisicing elit 
            </div>
        </div>
    </body>
</html>