<!DOCTYPE html>
<html>
<head>
<style>
    div {
        vertical-align: top;
        line-height: 20px;
        height: 20px;
        font-size: 14px;
    }
    button {
        height: 30px;
    }
</style>
</script>
</head>
<body>
    <p>Bug: webkit.org/b/111974 - vertical-align only applies to inline-level elements and table-cells. The text below should be aligned horiontally.
    <div>
        <button>All </button> This <span>text</span> is <a href="#">aligned</a>.
    </div>
</body>
</html>