how to apply padding to li tag?
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>