How to refer to the class (text)?

Question

css

Good afternoon, I have a problem. I don't know how to refer to the text (the words are "ASD and QWE") in order to change their position in css (to the right move a few px for example). I accessed the variable hidden1 and hidden2, but only the text inside this block changed, and I need to change the text position of the text itself. Can you help me with the answer, what variable should I access to work with "ASD and QWE", and not with the drop-down text?

The code:

<header>

<ul class="main-menu">
    <li class="active"><a href="#url">Главная</a></li>
    <li class="menu-children">
        <a href="#url">Услуги</a>
        <ul>
        	<div>
            <a href="#hidden" onclick="view('hidden'); return false"><font color="white">ASD</a></font>
            <div id="hidden" style="display: none;">
            	<h3>Hi</h3>
            </div>
            <div>
            	<a href="#hidden2" onclick="view('hidden2'); return false"><font color="white">QWE</a></font>
            	<div id="hidden2" style="display: none;">
            		<h3>No</h3>
            	</div>
            <script>function view(n) {
    style = document.getElementById(n).style;
    style.display = (style.display == 'block') ? 'none' : 'block';
}</script>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита12345</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234567</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита12345678</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456789</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита1234567890</a></li>
            <li><a href="#url">Взыскание части страховой премии в связи с долгосрочной оплаты потребительского кредита123456789010</a></li>
                </ul>
    <li><a href="#url">Новости</a></li>
    <li><a href="#url">О компании</a></li>
    <li><a href="#url">Контакты</a></li>       
</ul>

Answer 1

If it is not fundamentally important, you can make a negative margin