CODEWITHSUNDEEP
htmlcss
user5631312
user5631312

Reputation:

Having 2 positions for the same li tag in CSS

I am to make a working login page via PHP but to also build a website front end for the user to be able to navigate around. For my navigation bar I want the bar to be static at the top and make it fixed (this bit I can do) but I also want some of the text to be at the top left hand-side of the nav bar (for general navigation) and 1 piece of text to be at the right-hand side (this is where the members will go to login in). I wish to make my CSS neat, and refrain from using multiple values (I.E font-family: "name";).

Here's the code and I'm hoping you can help:

.siteNavigation ul{
    margin: 0px auto;
    padding: 0px 0px;
}

.siteNavigation li{
    margin: 0px auto;
    padding: 5px 20px;
    list-style: none;
    display: inline;
    **text-align: left;**
 }

.siteNavigation a{
    margin: 0px auto;
    padding: 0px 0px;
    text-decoration: none;
    color: #000000;
    font-family: "Armata";
}

#membersArea a{
    **text-align: right;**

I hope the CSS gives you some light on what I want, if not use the image: login example but with logo not text

Upvotes: 0

Views: 40

Answers (1)

Elow
Elow

Reputation: 597

I believe you are looking for float on CSS. You can add float:right and float:left to the classes you want to align on right and left.

Upvotes: 1

Related Questions