Шаблон:Тест

<style> /* Стили для инфобокса */ .infobox {

   display: flex; /* Используем flexbox для размещения изображения и текста рядом */
   border: 1px solid #ccc; /* Рамка вокруг инфобокса */
   border-radius: 8px; /* Округленные углы */
   padding: 10px; /* Отступы внутри инфобокса */
   background-color: #fafafa; /* Светлый фон */
   margin-bottom: 20px; /* Отступ снизу */
   font-family: Arial, sans-serif; /* Шрифт */
   float: right; /* Позиционируем инфобокс справа */
   width: 300px; /* Фиксированная ширина инфобокса */
   clear: both; /* Очистка от других элементов, если есть */

}

/* Стили для изображения */ .infobox-image {

   margin-right: 15px; /* Отступ справа от изображения */
   flex-shrink: 0; /* Предотвращаем сжатие изображения */

}

.infobox-image img {

   width: 120px; /* Ширина изображения */
   height: auto; /* Автоматическая высота, пропорциональная ширине */
   border-radius: 8px; /* Округленные углы для изображения */

}

/* Стили для содержимого инфобокса */ .infobox-content {

   flex-grow: 1; /* Контент растягивается на оставшееся пространство */
   font-size: 14px; /* Размер шрифта */
   color: #333; /* Цвет текста */

}

/* Заголовок инфобокса */ .infobox-title {

   font-size: 18px; /* Размер шрифта заголовка */
   color: #0044cc; /* Цвет текста заголовка */
   margin-bottom: 10px; /* Отступ снизу */

}

/* Стили для каждой строки в инфобоксе */ .infobox-content p {

   margin: 5px 0; /* Отступы между параграфами */

}

/* Стили для ссылок */ .infobox-content a {

   color: #0066cc; /* Цвет ссылок */
   text-decoration: none; /* Убираем подчеркивание */

}

.infobox-content a:hover {

   text-decoration: underline; /* Подчеркивание при наведении на ссылку */

} </style>