Is there a way to reduce the indentation in the second level of navigation on my website's navigation pane?
This snippet is crucial:
<style>
div.sidebarOne {
background-color: rgba(64, 224, 208, 0.50);
position: absolute;
top: 0;
bottom: -3000px;
left: 1px;
width: 270px;
margin: 0 auto;
clear: all;
padding-left: 5px;
}
li{
color: goldenrod;
size: 20px;
font-family: Bellota-Light;
word-spacing: 5px;
}
li.sidebar{
color: darkred;
size: 20px;
font-family: Bellota-Light;
word-spacing: 5px;
}
</style><aside>
<div class="sidebarOne"> <!-- the sidebar on the right -->
<h1 format="title"> Contents </h1>
<ul>
<li class="sidebar">Inquiry and Analysis</li>
<ul>
<li class="sidebar"><a href="../Other Pages/Page_2_mindmap.html"> My MindMaps </a> </li>
<li class="sidebar"><a href="../Other Pages/Page_3_narrowedmindmap.html"> My Research Topic </a> </li>
<li class="sidebar"><a href="../Other Pages/Page_4_questions.html">Some Questions</a> </li>
<li class="sidebar"><a href="../Other Pages/Page_5_pre-existingsites.html">Analysis of other websites</a> </li>
<li class="sidebar"><a href="../index.html">Home</a></li>
</ul>
<li class="sidebar">Developing Ideas</li>
<li class="sidebar">Creating a Solution</li>
<li class="sidebar">Evaluating</li>
</ul>
</div>
</aside>The sidebar is contained within <div class="sidebar.one">. I prefer not to change it to a nav tag.