在最右侧的小图标为什么超出了边框应该怎么修改

img


html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
        <style type="text/css">
            #box{
                width: 300px;
                height: 350px;
                border:solid;
                padding: 0;
            }
            #libox{
                background-color: beige;
                margin-top: 10px;
                height: 30px;
                list-style-image: url(images/m2.jpg);
            }
            li{
                list-style: none;
                font: bold;
                
            }
            a:link{
                text-decoration: none;
            }
            p{
                color: black;
                
            }
        style>
    head>
    <body>
        <ul id="box">
            <li id="libox"><a href=" "><p>东方新闻
li>
            <li id="libox"><a href="#"><p>媒体广角
li>
            <li id="libox"><a href="#"><p>东方视点
li>
            <li id="libox"><a href="#"><p>学子风采
li>
            <li id="libox"><a href="#"><p>高校经纬
li>
            <li id="libox"><a href="#"><p>新闻排行
li>
        ul>
    body>
html>

在libox内加一个margin-left 试试