Как установить текст надписи шире, чем изображение

Question

В Lightbox2 я пытаюсь расположить текст заголовка по центру и шире, чем изображение. Я использую раздел CSS файла в:

.lb-data .lb-details {
width: 100%;
float: left;
text-align: center;
line-height: 1.2em;
}

Увеличив «ширину», я могу получить более широкий текст вправо, а изменив «плавающее» вправо, можно заставить более широкий текст свисать влево.

Я также попытался установить «float» в «none» и «наследовать» безуспешно.

Я хочу сделать портретное изображение с центрированным текстом шире, чем изображение.

Поскольку текст можно сделать шире, чем изображение, я не думаю, что это проблема с контейнером, но я могу ошибаться.

Есть предложения? Вся помощь приветствуется.

Answer 1

Это проблема контейнера.div.lb-dataContainer get - это примененная к нему ширина, соответствующая контейнеру изображения над ним.Чтобы сделать его шире, вы можете переопределить его, отредактировав исходный код lightbox.js или используя CSS, например..lb-dataContainer { width: 100% !important; }