DataList doesn't show in input [HTML]-CodePudding

Hi i have some problem with DataList in html, if i center whole site, dropdown menu in input doesn't show.

Example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="text-align: center;">
    <input list="test">
    <datalist id="test">
        <option value="1"/>
        <option value="2"/>
        <option value="3"/>
        <option value="4"/>
        <option value="5"/>
    </datalist>
</body>
</html>

Any idea how to fix it ;) By the way whitch class in bootstrap make it'll look cool? ;)

CodePudding user response：

Hey what browser are you using? Trying to reproduce what you are seeing, everything displays fine.