из былого ...
обернуть элементы на js
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> .game_symbols__wrapper{
width: 100%;
border: 1px solid #f00;
margin-bottom: 10px;
}
</style>
<script>
window.addEventListener("DOMContentLoaded", function() {
function wrapEach(element, wrapper, countToWrap, cls){
var container;
[].forEach.call( document.querySelectorAll(element), function(el,i) {
i % countToWrap || (container = document.createElement(wrapper),
cls && container.classList.add(cls),
el.parentNode.replaceChild(container,el));
container.appendChild(el);
});
}
wrapEach('.game_symbols, .game_symbols + *','div',2,'game_symbols__wrapper');
})
</script>
</head>
<body>
<p class="game_symbols">text1</p>
<div class="block">dsfsdfsdfdsf</div>
<p class="game_symbols">text2</p>
<div class="ggg">Lorem ipsum dolor sit amet.</div>
<p class="game_symbols">text3</p>
<div class="feew">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, obcaecati.</div>
<p class="game_symbols">text4</p>
<button>кнопка</button>
<p class="game_symbols">text5</p>
<a href="">link</a>
</body>
</html>
