Поговорим о Собаке

[Tenno Seremel]

<div class="mascot"><span class="mascot-bubble">La Hundo<br/>estas komencanto.</span><img src="https://static.diary.ru/images/2007/dog.gif" alt="mascot" class="mascot-picture"/></div>
<div class="mascot"><span class="mascot-bubble">Ĉu homoj ekzistas?</span><img src="https://static.diary.ru/images/2007/dog.gif" alt="mascot" class="mascot-picture"/></div>

.mascot-picture {
	vertical-align: bottom;
	padding-top: 30px;
}
.mascot-bubble {
	display: inline-block;
	vertical-align: 58px;
	padding: 24px 16px;
	border-radius: 50%;
	background: #fff;
	color: #000;
	border: 1px solid #dedddb;
	text-align: center;
	font-size: 10pt;
	position: relative;
}
.mascot-bubble::before {
	content: "";
	position: absolute;
	z-index: 1;
	border-radius: 50%;
	background: #fff;
	color: #000;
	border: 1px solid #dedddb;
	overflow: hidden;
	left: 85%;
	bottom: -7px;
	width: 8px;
	height: 7px;
	pointer-events: none;
}
.mascot-bubble::after {
	content: "";
	position: absolute;
	z-index: 1;
	border-radius: 50%;
	background: #fff;
	color: #000;
	border: 1px solid #dedddb;
	overflow: hidden;
	left: 95%;
	bottom: -14px;
	width: 6px;
	height: 5px;
	pointer-events: none;
}

И никаких картинок с текстом. Разве что br’ки надо руками вставлять, если не нужно, чтобы текст вытягивался в длинную горизонтальную макаронину.

https://jsfiddle.net/cb2uqxa2/

Comments

[Megumi]

Смотрим сейчас Интерстеллар. осталось минут 40. Мне нравится.
Но дома на диване с чайком и паузой в нужный момент это лучше, чем в кинотеатре.
*не стала ту запись искать, где вы спрашивали*

[Tenno Seremel]

Megumi, ужасы какие!

// У меня по тегам всё находится (^  ^)

А вообще, там вопрос не про Once upon a time и что-то ещё был?

[Megumi]

Про него отдельно дополнительно. К нг я буду готова обсуждать предметно этот вопрос ^^.

[Megumi]

Нам с котей понравилось.

[Tenno Seremel]

Megumi, (^  ^)

[Hokori]

Круто!

[Tenno Seremel]

Hokori,

[Tenno Seremel]

vertical-align: top; margin-bottom: 35px; на .mascot-bubble, пожалуй, будет даже лучше.