body {
    -webkit-font-smoothing: none;
}

div {
    border: 5px double;
    padding: 5px;
    diplay: inline;
}

div.auto {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: auto;
}

div.alphabetic {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: alphabetic;
}

div.under {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: under;
}

span.auto {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: auto;
}

span.alphabetic {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: alphabetic;
}

span.under {
    -webkit-text-decoration-style: solid;
    -webkit-text-decoration-line: underline;
    -webkit-text-underline-position: under;
}

.box {
    width: 300px;
    height: 100px;
}

.position_absolute {
    position: absolute;
    top: 200px;
    left: 100px;
}