Display problem with ant design - Stack Overflow

Question

import Menu from 'antd/lib/menu';
import 'antd/lib/menu/style/css';

export default class Nav extends React.Component {
    
    constructor() {
        super();
    }
    render() {
    
        return <Menu>
                <Menu.Item>A</Menu.Item>
                <Menu.Item>B</Menu.Item>
                <Menu.Item>C</Menu.Item>
            </Menu>
    }
}

Just wrote these few lines and the display is messy. . As follows, I checked the css from the console and it was imported

Answer 1

Must write mode="horizontal" . . . . .