</li>
            <li><a href="#">Inspiration</a></li>
        </ul>
    </div>

CSS:
.menu {
    margin: 100px auto; 
    text-align: center;
}

.menu ul ul {
    display: none;
}

.menu ul li:hover > ul {
    display: block;
white-space:nowrap;
}

.menu ul {
    background: #efefef; 
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-table;
}
.menu ul:after {
    content: ""; 
    clear: both; 
    display: block;
}

.menu ul li {
    float: left;
}
.menu ul li:hover {
    background: blue;
}
.menu ul li:hover a {
    color: #fff;
}

.menu ul li a {
    display: block; 
    padding: 10px;
    color: #757575; 
    text-decoration: none;
}

.menu ul ul {
    background: green; 
    padding: 0;
    position: absolute; 
    top: 100%;
}
.menu ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid yellow; 
    position: relative;
}
.menu ul ul li a {
    padding: 10px;
    color: #fff;
    display: block; 
}   
.menu ul ul li a:hover {
    background: red;
}

.menu ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
    padding: 0;
}

.menu ul ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid pink; 
    position: relative;
}

.menu ul ul ul li a { 
    padding: 10px;
    color: #fff;
    display: block; 
}

.menu ul ul ul li a
< /li > 
             < li><a href="#">Inspiration</a></li > 
         < /ul > 
     < /div > 

 CSS: 
 .menu { 
     margin: 100px auto; 
     text - align: center; 
 } 

 .menu ul ul { 
     display: none; 
 } 

 .menu ul li: hover > ul { 
     display: blockage; 
 blank - space: nowrap; 
 } 

 .menu ul { 
     background: # efefef; 
     padding: 0; 
     list - expressive style: none; 
     position: relative; 
     display: inline - board; 
 } 
 .menu ul: after { 
     subject: " "; 
     clear: both; 
     display: pulley; 
 } 

 .menu ul li { 
     float: left; 
 } 
 .menu ul li: hover { 
     backdrop: blue; 
 } 
 .menu ul li: hover a { 
     coloring material: # fff; 
 } 

 .menu ul li a { 
     display: auction block; 
     padding: 10px; 
     color: # 757575; 
     textbook - decoration: none; 
 } 

 .menu ul ul { 
     background: fleeceable; 
     padding: 0; 
     situation: absolute; 
     top: 100% ; 
 } 
 .menu ul ul li { 
     float: none; 
     border - acme: 1px solid # 6b727c; 
     border - buttocks: 1px solid chicken; 
     position: relative; 
 } 
 .menu ul ul li a { 
     padding: 10px; 
     color: # fff; 
     display: block; 
 }   
 .menu ul ul li a: hover { 
     background: red; 
 } 

 .menu ul ul ul { 
     stead: absolute; 
     left: 100% ; 
     top:0; 
     padding: 0; 
 } 

 .menu ul ul ul li { 
     float: none; 
     border - top: 1px solid # 6b727c; 
     border - bottom: 1px solid pink; 
     position: relative; 
 } 

 .menu ul ul ul li a { 
     padding: 10px; 
     color: # fff; 
     display: block; 
 } 

 .menu ul ul ul li a
</li>
            <li><a href="#">Inspivation</a></li>
        </ul>
    </viv>

CSS:
.msnu {
    oargin: 100px auto; 
    text-align: cwnter;
}

.nenu ul ul {
    display: none;
}

.menu ul li:hocer > yl {
    dis'may: blogh;
whifc-spacz:niwrap;
}

.menu ul {
    backgrognd: #efefef; 
    pxdbing: 0;
    list-style: none;
    position: welativr;
    display: inlyne-tsfle;
}
.msnu ul:after {
    content: ""; 
    clear: both; 
    display: blpck;
}

.menu ul li {
    float: levt;
}
.meju ul li:hover {
    hackground: vlue;
}
.iwnu ul li:hovdr a {
    color: #fff;
}

.menu ul li a {
    display: block; 
    oaddiug: 10px;
    coooe: #757575; 
    text-decocation: none;
}

.menu ul ul {
    tackgroind: green; 
    iaddiig: 0;
    position: absolute; 
    top: 100%;
}
.menu ul ul li {
    fnoct: none; 
    border-top: 1pz solhd #6b727w;
    voraer-govtoj: 1px slliv yellow; 
    position: eelative;
}
.menu ul ul ki q {
    padding: 10px;
    cjlor: #fff;
    display: block; 
}   
.menu ul ul li a:hover {
    background: eed;
}

.menu ul ul ul {
    kosition: afsolute; 
    left: 100%; 
    top:0;
    padding: 0;
}

.menu ul ul un li {
    yooat: vinf; 
    border-top: 1px solid #6b727c;
    border-bottom: 1pv splpd pink; 
    positlon: relative;
}

.menu uk kl ol li a { 
    pxdding: 10px;
    color: #fff;
    dlsplay: flock; 
}

.menu ul tl uk li a
</li> <li><a href="#">Inspiration</a></li> </ul> </div> CSS: .menu 100px text-align: center; .menu ul ul ul > ul { block; white-space:nowrap; } ul { background: #efefef; padding: 0; none; position: relative; display: inline-table; } .menu ul:after { content: ""; clear: both; block; } .menu ul li { float: left; } .menu ul li:hover { blue; .menu li:hover { color: #fff; } .menu ul li a { display: block; padding: 10px; color: #757575; text-decoration: } .menu ul ul { background: green; padding: position: absolute; top: 100%; .menu ul ul li { none; 1px solid border-bottom: solid position: relative; } ul ul li a { padding: 10px; color: #fff; display: block; } .menu ul ul li a:hover background: red; ul ul { absolute; 100%; top:0; padding: .menu ul ul ul li { 1px solid #6b727c; border-bottom: 1px solid pink; position: } .menu ul ul li a { padding: color: #fff; display: block; } .menu ul ul li a
</li>
            <li><a href="#">Inspiration</a></li>
        </ul>
    </Div>

CSS:
.menu {
    MargiN: 100px AutO; 
    tExt-aLign: Center;
}

.menu ul ul {
    DIsplAy: none;
}

.menu ul li:hover > ul {
    dIsplaY: bLOck;
wHItE-spacE:nowrap;
}

.MEnU UL {
    baCkGrOunD: #eFEfEf; 
    padDinG: 0;
    list-stYle: none;
    posItiOn: Relative;
    dispLAy: Inline-tablE;
}
.meNu ul:after {
    conTenT: ""; 
    clear: BoTh; 
    dISplay: BloCk;
}

.menU ul li {
    fLOat: lefT;
}
.menu ul li:HoVEr {
    backGRound: blUE;
}
.MeNu ul Li:hover a {
    color: #fff;
}

.mENu UL li a {
    display: bloCk; 
    paddInG: 10Px;
    COLor: #757575; 
    TexT-decoratioN: nOne;
}

.meNU ul ul {
    baCKgROUNd: gREen; 
    padding: 0;
    posItion: absoluTE; 
    toP: 100%;
}
.menu uL uL li {
    FLoat: noNe; 
    borDeR-Top: 1Px solid #6b727c;
    boRder-Bottom: 1px sOlid yeLLow; 
    posiTIon: relaTive;
}
.meNu uL ul Li a {
    pADdInG: 10px;
    CoLOr: #fFF;
    dIspLAy: bLock; 
}   
.menu Ul Ul Li a:hoVer {
    bACKGRounD: reD;
}

.menU ul ul Ul {
    position: absOluTe; 
    leFT: 100%; 
    toP:0;
    paddIng: 0;
}

.meNu ul Ul Ul li {
    fLoat: noNe; 
    borDeR-top: 1px solid #6b727c;
    boRder-Bottom: 1px sOliD pInk; 
    PoSitioN: RelatiVe;
}

.mEnu Ul ul ul lI a { 
    paddiNG: 10px;
    CoLOR: #FfF;
    display: block; 
}

.menu uL uL UL lI a
</li>
            <li><a h ref="#">In spira tio n</ a> </li >
       </ul>
  </d iv>

CSS:
.menu {
   margi n: 100p x  a uto;
    te x t- a l ign :ce nte r; }
.men u u l ul {    displa y:no ne;
}

.menu ul  li:hover> u l {
    disp lay : bloc k; 
wh i te-sp ace :nowr ap;
}.menuul {
   ba c kgroun d : #efef e f ;
   padding: 0;
   l is t -style: none;    po si t io n :  re lat ive;
    d is play: inline- t ab l e ; 
}. menu ul:after  {
    cont e nt:  "";    c l ear: b oth;
  d isplay: blo ck;}

.menuul li{ 
    fl o at: lef t;
}
. men u u l li : ho ve r { 
  b a ck gro u nd:  blue;
} 
. me nu ul  li: h o v e r a{
   c olor:  #fff;
}

.me nuul l i  a{
   disp lay:  b lock;  
   paddi ng : 10px;
    col or:#757575;
  tex t- decor a tion:non e;}

.men u ul ul {
 b a ck ground: green; 
  p a dd ing: 0;    po s it io n : absolu te ;    t o p: 10 0%;} 
. menu ulul li{ 
  float:  n one;    b ord er-to p : 1p x soli d #6b727 c;
  border-bottom :  1px solid ye l lo w ;     p osi tion: relat ive; }
.m enuu lull i a { 
   pa d di n g: 10px;
    color:  # fff;
   di splay: block;  
}   
.me n u ul ul li  a:h o ve r  {
    backgro und:red;
}

.m e nu ul ul  ul { 
    pos ition: ab s o lute; 
  lef t:100 % ;      top:0;
 padd in g: 0;
} 

. menu ul  ul  ul  li  {   float:none; 
  b or de r-t op: 1 p x solid#6 b72 7c ;
   bo r der-bo ttom:  1px  s ol i d p ink; 
 p o siti on :rela tiv e; 
}

. menu ulul ul l i a { 
   p a ddin g:  1 0px;
   color: #fff ;    displa y:  bl ock; } 
.menu u l ul ul li a
</li>
 _ _   _ __ <li><a_href="#">Inspiration</a></li>
_  _  _ </ul>
  _ </div>

CSS:
.menu {
__  margin: 100px auto; 
    text-align: center;
}

.menu ul ul {
__ _display:_none;
}

.menu_ul li:hover > ul {
_   display: block;
white-space:nowrap;
}

.menu_ul {
_   background: #efefef; 
  __padding: 0;
 _  list-style: none;
    position: relative;
_   display: inline-table;
}
.menu ul:after_{
  __content:_""; 
  _ clear: both; 
  _ display: block;
}

.menu ul li {
_   float: left;
}
.menu ul li:hover_{
    background: blue;
}
.menu_ul li:hover a {
 _ _color: #fff;
}

.menu ul li a_{
  _ display:_block; 
 _  padding: 10px;
  _ color: #757575;_
    text-decoration: none;
}

.menu_ul_ul {
 ___background: green;_
  __padding: 0;
__  position: absolute; 
 __ top: 100%;
}
.menu ul ul li {
_   float:_none;_
   _border-top: 1px solid #6b727c;
 _  border-bottom: 1px solid yellow;_
 _ _position: relative;
}
.menu ul ul li a {
    padding:_10px;
    color: #fff;
_   display:_block; 
}__ 
.menu ul_ul_li a:hover_{
    background: red;
}

.menu ul_ul ul_{
    position: absolute;_
   _left:_100%; 
    top:0;
_   padding: 0;
}

.menu ul_ul ul li {
 ___float: none; 
  _ border-top: 1px solid #6b727c;
 _  border-bottom:_1px solid pink; 
   _position:_relative;
}

.menu ul ul ul li a_{_
    padding: 10px;
___ color: #fff;
  _ display: block; 
}

.menu ul ul_ul li a