Сложно представить Backend разработчика без знания HTML CSS и JS . Если делать свой плагин нужно ведь и админку доверстать и настроить взаимодействие с пользователем. Проще говоря нормальный Backend разработчик включает в себя все навыки frontend + CMS и тот язык что выбран для разработки.

WordPress

Если вы хотите расположить картинку и текст в одной строке, можно воспользоваться свойством display: inline-block; для обоих элементов. Однако, как вы уже заметили, картинка может оказаться сверху текста.

Чтобы картинка была выровнена по вертикали с текстом, можно использовать свойство vertical-align и задать ему значение middle.

Пример кода:

<div>
<img src="icon.png" alt="icon" style="display: inline-block; vertical-align: middle;">
<a href="#" style="display: inline-block; vertical-align: middle;">Ссылка</a>
</div>

В этом примере мы создали контейнер div и добавили в него изображение и ссылку, оба с применением свойства display: inline-block; и vertical-align: middle;. Это помогает выровнять их по вертикали.

Вы также можете использовать другие способы выравнивания, такие как flexbox или grid. Например, вы можете создать контейнер с display: flex; и align-items: center;, чтобы выровнять элементы по вертикали.

Пример кода:

<div style="display: flex; align-items: center;">
<img src="icon.png" alt="icon">
<a href="#">Ссылка</a>
</div>

В этом примере мы создали контейнер с display: flex; и align-items: center;, чтобы выровнять изображение и ссылку по вертикали. Картинка и ссылка будут автоматически выровнены по центру контейнера.

Источник https://aie24.ru/states/kak-raspolozhit-kartinku-i...

Селектор точка ($('.')) в jQuery используется для выбора элементов на странице по их классу.
Синтаксис для использования селектора точка следующий:
Где "имя_класса" - это название класса, который вы хотите выбрать.
Пример:
HTML:

<div class="example">Пример</div>

JavaScript (с использованием jQuery):

$('.example').css('color', 'red');

В данном примере мы выбираем элемент с классом "example" и применяем к нему CSS-стиль "color: red;".

Обратите внимание, что селектор точка может быть комбинирован с другими селекторами, чтобы выбирать элементы по более сложным критериям. Например:

$('.example p') // выбирает все элементы <p> внутри элементов с классом "example"
$('.example:first') // выбирает первый элемент с классом "example"
$('.example:nth-child(3)') // выбирает третий дочерний элемент с классом "example"