[Solved] How to avoid overlapping text in two paragraphs side by side

by


On the contrary to SteffPoint. You should never use html tables for the structure of your web page. What I would suggest you to do is to place both your paragraphs each in its own div so they have their own block and then float them left next to each other. For this, the most important thing is the width of the block. Make sure the width of the div is small enough so that when you float, the bottom div slides up. I usually use the “%” sign so it adapts to the size of the window. 

/*  CSS */
/* This border is simply to see the block you have around each paragraph */
.Block {
	border: 1px solid black;
	padding: 2px;
	margin: 2px;
  width: 40%;
}

.adjacentBlock {
	float: left;
}
<html>
	<head> 
		<link rel="stylesheet" href="https://stackoverflow.com/questions/56222802/help.css">
	</head>
	<body>
 
	<div class="Block adjacentBlock">
	  <p>This is your first paragraph inside the div</p>
	</div>

	<div class="Block adjacentBlock">
	  <p>This is your second paragraph inside the div</p>
	</div>

	</body>
</html>

2

solved How to avoid overlapping text in two paragraphs side by side