how to apply padding to li tag?

Question

please see the highlight code


<div id="menu">
  <ul class="menu">
  <li id="Home" runat="server"><a href="Home.aspx"><span>Home</span></a> </li>
  <li id="MasterMenu" runat="server"><a href="#" class="parent"><span>Master</span></a>
  <ul>
  <li id="m1" runat="server"><a href="AddFacility.aspx"><span>Add Facilty</span></a></li>
  <li id="Li1" runat="server"><a href="AddFacility.aspx"><span>Add Facilty</span></a></li>
  <li id="m2" runat="server"><a href="AddGroupCompany.aspx"><span>Add Group Company</span></a></li>
  </ul>
  </li>
  <li id="UserMenu" runat="server"><a href="#" class="parent"><span>User</span></a>
  <ul>
  <li id="u1" runat="server"><a href="CreateUser.aspx"><span>Create User</span></a>
  </li>
  <li id="u2" runat="server"><a href="CreateUserType.aspx"><span>Create UserType</span></a></li>
  </ul>
  </li>
  <li id="BookingMenu" runat="server" class="last"><a href="#" class="parent"><span>Booking</span></a>
  <ul>
  <li id="b1" runat="server"><a href="Home.aspx"><span>Approval</span></a> </li>
  <li id="Li2" runat="server"><a href="AdminBooking.aspx"><span>Add Event</span></a> </li>
   
  </ul>
  </li>
  <li style ="padding-left:300px">
  <div id="wrapper">
  <div class ="notification event_yes">
    <div class ="number_yes">
  <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
  </div>
  </div>
  </div>
</li>
 
  <!--this line apperars when you your count query returns a value greater than 1 meaning there is new event-->
 
 
  <%-- <li class="last"><a href="#" onclick="return confirm('Are you sure you want to Logout?');">
  <span>LogOut</span></a></li>--%>
  </ul>
  </div>