Ярослав Никитин

Есть 1001 способ. Для разнообразия подкину такой:

#main {
	display: none;
}
#click:hover {
	cursor: pointer;
}

function FuncImages() {
	document.getElementById("main").style.display = "block";
	document.getElementById("click").style.display = "none";
}

<div id = "main">Данные</div>
<div id = "click" onclick = "FuncImages()">Здесь картинка</div>

Если вдруг кому нужно, вот я сделал так, это самый простой способ, которым я смог сделать, но не универсальный.

css

.text_theme{
	font-size:10px;
	border-left: 100px solid #333333;
	border-right: 500px solid #333333;
	padding-left:20px;
	padding-right:20px;
}

.box_theme{
	border-left: 10px solid #333333;
	border-right: 10px solid #333333;
	border-bottom: 10px solid #333333;
	padding: 10px;
	width:100% - 20px;
}

html

<div class = "text_theme">ТЕКСТ</div>	
<div class = "box_theme">Содержимое</div>