Home/ Questions/Q 9146889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T10:51:18+00:00

I want to change from this https://i.stack.imgur.com/f6DlX.png to this http://prntscr.com/o9hfh How do I add

  • 0

I want to change from this https://i.stack.imgur.com/f6DlX.png to this http://prntscr.com/o9hfh
How do I add the extra gap on both side and squeeze the text together more? basically I want to center the text without useing text-align:center because I like text-align:left better, but if I do left the text will not be in the center anymore.

HTML

<body> <!-- start of the body-->
            <ul class="sidemenu">
                <li><a href="">About Us</a></li>
                <li><a href="">Contact Us</a></li>
                <li><a href="">FAQ</a></li>
                <li><a href="">How To Order</a></li>
                <li><a href="">Term And Agreement</a></li>
                <li><a href="">Shipping Information</a></li>
            </ul>
            <div id="about-us">

            <p><h2>About Us</h2>Lorem ipsum .<br />

Morbi in libero quis quam consequat malesuada..</p>
            </div>

            </body>

css: 

#about-us {
margin: 10px auto;
background-color:#FFF;
height:800px;
width:710px;
left:125px;
position: relative;
padding:0em 0em;

}

#about-us p {
text-align:left;
padding-top: 20px;

}

body {
position:relative;
}

.sidemenu{
position:absolute;
background-color: #fff;
width:240px;
height:780px;
margin-top: 10px;
list-style:none;
text-align:left;
padding-top: 20px;


}

.sidemenu li a{
color:#222222;
padding: 0em 1em;
line-height: 2em;

}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just add padding to the #about_us box while slice its width and height accordingly: 

    #about_us {
           padding:20px 40px;
          }

    and configure line-height for the p label:

    #about_us p {
       line-height:40px;
      }
    • 0