<span>, заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого. <table>.
a.use {
background: url('https://learn.javascript.ru/article/css-sprite/sprites-example.png') no-repeat;
padding-left: 40px;
}
a.use:hover {
background-position: -85px -50px;
}<a href="" class="use">
<span class="text">Use the force</span>
</a>a.use span.test{
background: url('https://learn.javascript.ru/article/css-sprite/sprites-example.png') no-repeat;
padding-left: 40px;
}
a.use:hover span.test{
background-position: -85px -50px;
}<a href="" class="use">
<span class="test"></span><span class="text">Use the force</span>
</a>type="sdds".header.form{
float: right;
}global $wp_query;
query_posts(
array_merge( // склеиваем массивы
$wp_query->query, // это массив базового запроса текущей страницы
array('posts_per_page' => 5) // это параметры который добавили мы
)
);
// Дальше циклfunction scroll_active() {
/* вычисляем значения прокрутки страницы по вертикали */
var window_top = $(window).scrollTop();
/* вычисляем положение якорей на странице от начала страницы по вертикали*/
var menu_top = $('a[name="menu"]').offset().top -10;
var gallery_top = $('a[name="gallery"]').offset().top -10;
/* раздел «Контакты» у меня на странице расположен самым последним разделом, и небольшой, поэтому если контаты уже отобразались на странице, тогда активирую пункт меню «Контакты» */
var contacts_top = $('a[name="contacts"]').offset().top - $(window).height() + 180;
/* Переключатель активного пункта меню в зависимости от положения на странице, условии написаны от последнего якоря на странице, до первого */
/* если на экране отображаются раздел «Контакты»*/
if (window_top > contacts_top) {
$(".main_menu li").removeClass("active");
$('a[href="#contacts"]').parent().addClass("active");
}
/* если не отображается раздел «Контакты», но страницу прокрутили ниже якоря третьего раздела*/
else if (window_top > gallery_top) {
$(".main_menu li").removeClass("active");
$('a[href="#gallery"]').parent().addClass("active");
}
/* если выше третьего, но ниже якоря второго раздела*/
else if (window_top > menu_top) {
$(".main_menu li").removeClass("active");
$('a[href="#menu"]').parent().addClass("active");
}
/* если не подходят условия предыдущие активируем первый пункт меню*/
else {
$(".main_menu li").removeClass("active");
$('a[href="#page_top"]').parent().addClass("active");
}
}
jQuery(function()
{
jQuery(window).scroll(scroll_active);
});