So I am working on designing a web page for a class and I am having trouble getting paragraphs to align to the center as well as changing their height and width. On my stylesheet, I originally tried to add center text, and width: auto under my p tag however that did not do anything to it. If you could explain how I could change my code so that my paragraphs will not only be centered on the web page but will adjust their size to the amount of text in them it would be greatly appreciated. (This is all HTML by the way)

Here is the code for my stylesheet:

body { }

h1{ font-family:Arial, Helvetica,sans-serif; color: #0000FF; font-size: 40px; }

.text { height: auto; width: auto; text-align: center; color:white; }

a:link { color:pink; }

a:visited { color:orange; }

a:hover { color: red; }

a:active { color: yellow; }

.ol-element { text-transform: uppercase; }

.wrapper { text-align: center; background-color: blue; }

.wrapper ul { display: inline-block; margin: 0; padding: 0; list-style-type: none; margin: 0; padding: 0px; overflow: hidden; } .wrapper ul li { font-size: 2em; float: left; margin: 10px 40px; color: yellow; }

Here is the code for my webpage:

Protecting Our Oceans

• The Issues
• Direct Impact On Us
• What We Can Do
• Noteworthy Orgs.

The Ocean is one of the worlds greatest natural resources and wonders however, it is often overlooked and forgotten especially by those that don't live near it. Yet today, our oceans our in great peril and most of us don't even know the extent of the issue. The goal of this website is not only to inform but to inspire individuals to get involved and to be part of the solution instead of sweeping the problem under the rug and letting others solve the issue for us.