I have provided margins to the body. main {left margin: 200px; right margin: 200px; text alignment: center} Since I want to display the text in two lines instead of one, I added the width attribute to the style. The line .p{font size: 12px; width: 200px} can be used to display the paragraph in two lines, but it moves the text to the left. Even if I try .p{font size: 12px; width: 200px; text alignment: center; align items: center}; the paragraph does not move. It remains on the left side, unaligned. How can I solve this problem.

I don't quite understand what you want to archive. You can use a framework such as bootstrap which is easy to learn and understand and is very responsive.

Move the content to the left by adding the Width property

I have provided margins to the body. Main {Left margin: 200px; Right margin: 200px; Text alignment: Center}

Since I want to display the text in two lines instead of one, I added the width attribute to the style.

.p{Font size: 12px; Width: 200px}

This line can be used to display the paragraph in two lines, but it moves the text to the left.

Even if I try

.p{Font size: 12px; Width: 200px; Text alignment: Center; Align items: Center};

This paragraph will not be moved. It remains on the left side, unaligned.

How can I solve this problem.

P粉738046172258 days ago1127

Move the content to the left by adding the Width property

reply all(3)I'll reply