Template:Message box/styles.css

.message_box {
	width: 100%;
	margin: 5px;
	border: 1px solid #CCC;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.message_box > .icon {
	font-size: 3em;
	width: 3em;
	text-align: center;
	flex-shrink: 1;
}

.message_box > .icon p {
	margin: 0;
}

.message_box > .message {
	font-size: 1em;
	padding: 10px 10px 10px 0;
	flex-grow: 1;
}