0

Okay, I know. As a certified webmaster I should be able to figure this out. but... could someone please help me.

I am trying to place some text to the right of navigation links, within the same div.

here is the html

<div id="navigation">

<ul>
<li><a href="#">Welcome</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Store</a></li>
<li><a href="#">Magazine</a></li>
<li><a href="#">Calender</a></li>
<li><a href="#">Policy</a></li>
<li><a href="#">Contact</a></li>
</ul>
<p>West Hampden Avenue Denver Co XXX-000-X0X0</p>

</div>

Here is the CSS

#navigation{
border-style:solid;
border-color:#3f6635;
width:100%;
height:26px;
background-color:#5c3566;
}

ul
{
padding:0;
margin:0;
list-style-type:none;
}

li {
display:inline;
font-size:1.55em;
}

Here is a jpeg showing what I am trying to accomplish.

Thank you for your response.

Attachments htmljpg.jpeg 42.59 KB
2
Contributors
2
Replies
3
Views
7 Years
Discussion Span
Last Post by Motorider
0

See if

#navigation p{float:left;}

helps

If not try adding

#navigation *{display: inline;}

or

#navigation .inline {display: inline;} and give the <p class="inline">

However the idea of the paragraph tag itself is a new line so why use such tag when instead

<span>West Hampden Avenue Denver Co XXX-000-X0X0</span>

is a better idea and then

#navigation span{float:left;}

should help either.

Edited by kidwon: n/a

0

Ah yes the span tag!

#navigation span{
font-style:oblique;
color:#ff00e5;
font-size:2em;
margin-left:1em;
}

ul
{
float:left;
padding:0;
margin:0;
list-style-type:none;
}

This grasshoppa is very grateful!

Attachments htmljpg.jpeg 20.99 KB
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.