1 reply [Last post]
jimeast
jimeast's picture
Offline
newbie
Boulder Creek
Last seen: 3 years 33 weeks ago
Boulder Creek
Timezone: GMT-7
Joined: 2011-12-25
Posts: 5
Points: 8

here's my html:

  • aaaaa
  • bbbbb
  • ccccc
  • ddddd
  • fffff

here's the css:
li {
list-style: none;
width: 75px; height: 40px;
background-color: #6f6;
border: 1px solid black;
}
.top li { display: inline-block; }

I want to get the li with the class of .submenu to align with the other li's

you can view the result here:
http://codepen.io/jimeast/pen/MyXmPw

jimeast
jimeast's picture
Offline
newbie
Boulder Creek
Last seen: 3 years 33 weeks ago
Boulder Creek
Timezone: GMT-7
Joined: 2011-12-25
Posts: 5
Points: 8

my html: <ul

my html:

<ul class="top">
		<li >aaaaa</li>
		<li>bbbbb</li>
		<li>ccccc</li>
		<li>ddddd</li>
		<li class="submenu">eeeee
			<ul>
				<li>111</li>
				<li>222</li>
				<li>222</li>
				<li>444</li>
			</ul>
		</li>
		<li>fffff</li>
	</ul>

my css:

li {
	list-style: none; 
	width: 75px; height: 40px;	
	background-color: #6f6;
	border: 1px solid black;
}
.top li { display: inline-block; }