Message

<article class="message is-tiny">
						        <div class="message-header">
						        <p>Tiny message</p>
						        <button class="delete is-tiny" aria-label="delete"></button>
						        </div>
						        <div class="message-body">
							        Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
						        </div>
						        </article>

<article class="message is-small">
						        <div class="message-header">
						        <p>Small message</p>
						        <button class="delete is-small" aria-label="delete"></button>
						        </div>
						        <div class="message-body">
							        Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
						        </div>
						        </article>

<article class="message is-normal">
						        <div class="message-header">
						        <p>Normal message</p>
						        <button class="delete is-normal" aria-label="delete"></button>
						        </div>
						        <div class="message-body">
							        Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
						        </div>
						        </article>

<article class="message is-medium">
								<div class="message-header">
								<p>Medium message</p>
								<button class="delete is-medium" aria-label="delete"></button>
								</div>
								<div class="message-body">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
								</div>
								</article>

<article class="message is-large">
								<div class="message-header">
								<p>Large message</p>
								<button class="delete is-large" aria-label="delete"></button>
								</div>
								<div class="message-body">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
								</div>
								</article>

<article class="message is-jumbo">
								<div class="message-header">
								<p>Jumbo message</p>
								<button class="delete is-jumbo" aria-label="delete"></button>
								</div>
								<div class="message-body">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla.Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur. Aenean ac <em>eleifend lacus</em>, in mollis lectus.
								</div>
								</article>