Я хочу создать встроенный блок, который будет использовать неизвестную ширину и высоту. (В нем будет таблица внутри с динамически созданным контентом). Кроме того, встроенный блок должен быть помещен внутри строки текста, например "мой текст (BLOCK HERE)". Чтобы он выглядел красиво, Я пытаюсь сделать блок вертикально центрированным в строке. Поэтому, если блок выглядит следующим образом:
TOP
MIDDLE
BOTTOM
Затем строка текста будет читать: "Мой текст ([MIDDLE])" (с TOP и BOTTOM выше и ниже строки)
Вот что я до сих пор.
CSS
.example {
background-color: #0A0;
display: inline-block;
margin: 2px;
padding: 2px;
position: relative;
text-align: center;
}
HTML
<div class="example">TOP<br />MIDDLE<br />BOTTOM</div>