Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?

[Saturn]

Скажите пожалуйста, как можно сделать в моем случае

<div class="comment">
   <div class="author"><div>
<div>

В классе author через свойства background добавлена картинка.

Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.

[sigma77]

Saturn,

Задать .author ширину и высоту равные картинке.

[Saturn]

Saturn,

Задать .author ширину и высоту равные картинке.

Спасибо, но я уже я так пробовал,тогда текст вписанный в <div class="author"><div> расположен не центру.

[sigma77]

Спасибо, но я уже я так пробовал,тогда текст вписанный в <div class="author"><div> расположен не центру.

А в чём проблема расположить его по центру?

Вы даете какие-то огрызки кода и предлагаете догадаться что у вас не так и как должно быть.

[ceil100]

уменьши картинку до нужного размера

[Saturn]

sigma77

А зачем остальной код, тут и так все ясно.

Текст расположен не по вертикальному центру когда задаю высоту.

ceil100

Картинка как раз нужных размеров просто <div class="comment"> перекрывает немного <div class="author"><div> если не задать

на author height: нужных размеров.

[sigma77]

sigma77

А зачем остальной код, тут и так все ясно.

Ааа. Ну тогда делай так.

.author {

}

[ceil100]

я смысла поста не понимаю

Картинка как раз нужных размеров просто <div class="comment"> перекрывает немного <div class="author"><div> если не задать

на author height: нужных размеров.

если author внутри comment, то как тот может его перекрывать?У comment задана высота?

ясности бы немножко

[Saturn]

ceil100

Уже разобрался, обрамил текст в ,<p></p> и добавил в классе display: inline;