Place contact form next to page content

You either a) wrap the text before in a box and assign a fixed width and float:left to it or b) you set the form first with a fixed width and float:right. Keep in mind what happens on small screens and use media queries to limit floating to wide screens.

But this is no CF7-specific topic. Look the web for HTML/CSS basics.

Thanks Arnd030!

I edited the CSS but didn’t quite get it right. I use CF7 in EasyFancybox for quotation requests. When i inserted float: right in the CSS, the easy fancybox form was screwed up. Instead I used float:left and then it worked, but it doesn’t look awesome unfortunately…

https://socialoffice.se/en/kontakt

is there a workaround for this. now my code is:

.wpcf7-form>p {
	color: #818181;
	margin: 12px 0 2px 0px;
	padding-left: 0px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 2.2;
	width: 400px;
	float: left;
	margin-right: 50px;
}

.wpcf7 {
	width: 400px;