.outer table {
	margin: .4em 1%;
	border: 4px solid navy;}
br+.outer+br+.outer>table {display: inline;}
.outer {
	display: block;
	margin: 1em 0;
	height: 100px;
	width: 80%;
	background: #ffe;
	border: 1px solid red;}
.outer+br+.outer {width: 42%;}
.my {
	height: 100%;
	width: 99%;
	padding-bottom: 100%;
	background: #ccc;
	border: 1px solid #fff;}
br.br_out_of_table:before {
	display: block !important;
	width: 64%;
	padding: .5em 4px;
	background: #f9f9f9;
	color: magenta;
	font-style: italic;
	border: 2px dotted #009;
	content: "I am just line-break number " counter(break);
	counter-increment: break;}

.outer+.br_out_of_table:before {
	content: "I am another line-break (number " counter(break) ")";
	counter-increment: break;
	color: magenta;
	font-style: italic;}