[РЕШЕНО]: "Центральный" блок для стихов

[Bulat Ibrahim]

Всем привет. У меня вот следующая проблема. На сайте должны быть стихи. А стихи, как правило, писать по середине. По середине, но вот с ровным левым краем. По этому, создать обычный блог для стихов, и дать абзацам text-align: center; не подходит. Также дать абзацу фиксированный отступ тоже нельзя, потому что стихи бывают разными... Толстые, худенькие... Центр так поймать очень сложно.
Мне пришла в голову мысль создать блок <div> с margin: 0 auto; (то есть блок будет находиться по середине), и ширину его сделать минимальным (ну, например, 50px), и сделать так, чтобы она расширялась по размерам текста ! по ширине !. Думал, что с min-width и max-width смогу разобраться, так как по высоте блога так все получается, но не тут-то было...
Помогите пожалуйста, может, есть какие-то команды в CSS, чтобы блок мог играться с шириной относительно ширина содержимого?

Решение:

Сообщение от Naive

— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>

[Smitt&Wesson]

На сайте, должны быть стихи.
Не понимаю зачем, но маюсь-я.
Наверное, потому-что один.
Одичал уже и отчаялся.

Создать, просто блог для стихов,
Мне - откровенно зазорно.
Стихов не пишу я своих
А копипастить - позорно.

Ну ладно, скажу не тая
Меня удивил ты отменно.
Возможно, величия для.
Но глупость несёшь - откровенно.

[Bulat Ibrahim]

Сообщение от Smitt&Wesson

На сайте, должны быть стихи.
Не понимаю зачем, но маюсь-я.
Наверное, потому-что один.
Одичал уже и отчаялся.

Создать, просто блог для стихов,
Мне - откровенно зазорно.
Стихов не пишу я своих
А копипастить - позорно.

Ну ладно, скажу не тая
Меня удивил ты отменно.
Возможно, величия для.
Но глупость несёшь - откровенно.

Аплодирую! Стих не плохой!
Но просто дела в том, что в моем сайте стихи в такой форме (слева, скраю) совсем не подходят. Что-то не то получается. Хотелось бы их посередине расположить, как в книгах.

А что же тут такого, если я создаю отдельный блог под стихи? Я вообще с блоками <div> дружу, у меня их на сайте - десятки! Удобно же, дать им класс или идентификатор, и писать в стилях для каждого что хочешь)))

Так можно как-то сделать блог, которая растягивается в ширину относительно абзаца?

Вот, сделал скриншот того, что я пока смог натворить: http://storage5.static.itmages.ru/i/...1b388b87db.jpg
Теперь надо, чтобы вот этот средний блок растягивался в ширину самого длинного абзаца в этом блоке...

[Smitt&Wesson]

В теге <div> поставь - witch - "auto". Будет растягиваться.

[Bulat Ibrahim]

Сообщение от Smitt&Wesson

В теге <div> поставь - witch - "auto". Будет растягиваться.

Если написать width: auto; то этот блок растянется столько, сколько сможет, а не столько, сколько длина внутненнего абзаца. Да, с высотой блока height: auto; получится то, что я хотел... Только в длину А в ширину, к сожалению, я так сделать что-то не могу
http://storage9.static.itmages.ru/i/...d55b3ad7dd.jpg

[Naive]

— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>

п.с. Смитт как всегда офигенен))

[Smitt&Wesson]

Сообщение от Naive

п.с. Смитт как всегда офигенен))

Да, с этой хренью я тоже мучился. То этим дивам и так-не так и так не эдак. Плюнул. Создал таблицу. Тьфу-тьфу-тьфу, хоть мороки не имею.
В Опере работает. Проверяю на лисе, все блоки перепутаны. Проверяю на Хроме. Перепутка идёт, но совсем ни как на Лисе. Проверяю на IE, там вообще - полный пипец! Даже некоторые блоки не отображал. Да, и Хром, не айс. Опера, гадина, рекламу отображает. Хром, хоть ап стену убейся, не хочет.

[Bulat Ibrahim]

Сообщение от Naive

— Внешнему блоку text-align: center;
— Внутреннему, display: inline-block; и text-align: left;
Такой метод разместит блок по центру, а его размер будет задавать контент. Отлично метод подходит для модалок. Пример есть у меня в подписи — жми на кнопку "создать книгу бесплатно".

Также задай поля и отступы по вкусу.
Стихи лучше разбивать по абзацам (<p>), а строки, соответственно переносить через <br>

п.с. Смитт как всегда офигенен))

Спасибо большое!!! То, что и хотел!!!

[Bulat Ibrahim]

Сообщение от Smitt&Wesson

Проверяю на лисе, все блоки перепутаны. Проверяю на Хроме. Перепутка идёт, но совсем ни как на Лисе. Проверяю на IE, там вообще - полный пипец! Даже некоторые блоки не отображал. Да, и Хром, не айс. Опера, гадина, рекламу отображает. Хром, хоть ап стену убейся, не хочет.

Это вы о каких блоках говорите? У меня на сайте очень много блоков, вот, только что два блока добавил - под внешний (основной блок оставил для "не стихов", и блок под сам стих) - ничего, все браузеры отображают страницу одинаково. Правда, на Сафари пока не пробовал открывать... Надеюсь, там тоже все нормально.

[Smitt&Wesson]

Да, я всё про дивы. Правда, экспериментировал с этим, лет шесть назад. Возможно, уже что-то и изменилось. Старенький у меня сайт. 2009-го года. А сейчас, лениво движком заниматься. Работает, ну и ладушки.