/* Normal Bubble */
.bubble {
width: auto;
font-size: 0.75em;
margin-bottom: 24px;
}
.bubble blockquote {
margin: 0px;
padding: 0px;
border: 1px solid #c9c2c1;
background-color: #000;
}
.bubble blockquote p {
margin: 10px;
padding: 0px;
font-size: 21px;
}
.bubble cite {
position: relative;
margin: 0px;
padding: 7px 0px 0px 15px;
top: 6px;
background: transparent url(b/tip.gif) no-repeat 20px 0;
font-style: normal;
}
У меня есть это для моих комментариев .. это похоже на "речевые пузыри".
Я не хочу, чтобы оно было большим с самого начала, я хочу, чтобы оно было нестандартным после текста ... Я имею в виду, если вы написали "привет", то оно должно быть вокруг него с полем в 1-2 пикселя от пузырька, так что если написал "Здравствуйте, меня зовут, и я люблю готовить!" тогда это должно быть больше .. как сейчас:
<div class="bubble">
<blockquote>
<p>the comment text is here</p>
</blockquote>
<cite>Written by me</cite>
</div>