Меню Навигационные панели

Question

Будет ли какой-либо способ сделать бары под словами автоматически размер до ширины слова, в котором он находится, из-за меня приходится загружать определенные бары по любому пункту меню, который я делаю? Благодаря

Answer 1

Похоже, это может быть просто граница дна звена. Вот JSFiddle.

<a href="#">Portfolio</a> 
<a href="#">Blog</a> 

И

#footer a { 
    border-bottom: 1px solid white; 
} 

Answer 2

Вы должны использовать границы:

.menu a { 
    /* additional styling... */ 
    border-bottom: 1px solid #FFF; 
} 

Answer 3

Также вы можете использовать фоновые изображения, расположенные в нижней части каждого пункта меню.

.menu a{ 
background:url(path/to/image.jpg) repeat-x bottom; 
}