Попытка правильно обосновать "Like Us On Facebook Code" в заголовке

Question

Поэтому я пытаюсь добавить следующий код «Like Us On Facebook» в заголовок моего веб-сайта и выровнять его по правому краю, в то время как заголовок и описание остаются выровненным по левому краю.Вот код FB:

<div class="fb-like-box" data-href="http://www.facebook.com/HowToForiPad" data-width="292" data-show-faces="false" data-stream="false" data-header="false"></div>

Я не самый осведомленный об этом типе вещей, поэтому я бы предпочел не связываться с CSS и просто пытался вставить приведенный выше код всоответствующее место в моем файле header.php.Самое сложное (для меня) - выровнять Facebook Like по правому краю, в то время как заголовок и описание сайта остаются выровненными по левому краю.

Вот пример того, как я хочу, чтобы он выглядел (игнорировать подчеркивания ... имелсделать это, чтобы все выглядело правильно)

ДОБРО ПОЖАЛОВАТЬ НА САЙТ WHATEVER
Сайт делает бла-бла_ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ _ _Вы похожи на нас в Facebook

Вотсоответствующий код из header.php:

        <!-- HEADER -->
        <div id="header">
            <div class="website-name"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a></div>
            <div class="slogan"><?php bloginfo('description'); ?></div>
        </div>
        <!-- /HEADER -->

Поэтому я бы хотел, чтобы код Facebook соответствовал описанию сайта, но выравнивался вправо (тогда как описание сайта выравнивалось по левому краю).

Очень ценю любую помощь!

Answer 1

Использование CSS - практически единственный вариант.

Вы можете изменить слоган div на span (или установить ширину div), добавить поле типа fb ниже этого span и всплыть справа.Это должно делать то, что вам нужно.

Если вы ДЕЙСТВИТЕЛЬНО не хотите трогать свой CSS-файл, вы можете добавить встроенные стили, но я не рекомендую этого, так как это не лучшая практика.