JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="form">
  <p>
  текст формы1
  </p>
  <p>
  текст формы2
  </p>
  <p>
  текст формы3
  </p>
  </div>
</div>

CSS

html,body{margin:0;padding:0;height:100%;}
.wrap{text-align:center;height:100%;background-color:red;}
.wrap:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.form{display:inline-block;vertical-align:middle;background-color:yellow;}

JavaScript

jQuery(".wrap").click( function() {
	alert("ok!");
});
jQuery(".form").click( function(e) {
	e.preventDefault();
});