Swipe right/left menu bar in html using css file-CodePudding

Here, actually I'm not able to insert swipe left/right menu bar onto my website

Below are some code from which I've tried doing, but it's not been designed :

<ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">About</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">Design

Please do help me to fix this issue in my coding

CodePudding user response：

maybe you shold use just

float:left;

float:right;

CodePudding user response：

I have create the quick example for you please check this. You can solve your problem byusing css property float:left or float:right.

Here is the HTML:

<div >
  <ul >
    <li><a href="default.asp">Home</a></li>
    <li><a href="news.asp">About</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">Design</a></li>
  </ul>
  
</div>

Here is the CSS:

<style>
.container
{
  width:100%;
  height:100%;
  background-color:#CCC;
}

.sidemenu
{
  float:right;
}
</style>

JSFIDDLE