I'm trying to use classes and/or id's to style paragraphs and other elements. I've used them successfully before, but on this page the only id that works is for styling an image. However, if I use the tag for a paragraph then the styling works in CSS. I would like the id "#1p" in the CSS to allow me to style the corresponding paragraph. Right now this id acts as if it is not there. Below is my code:
table {
position: absolute;top: 50px;
left: 225px;
width: 650px;
border: 10px solid black;
border-collapse: collapse;
padding: 5px;
}
th {
font-family: sans-serif;
font-size: 24px;
text-align: left;
color: #f2f2f2;
background-color: black;
}
.positionImage {
position: absolute;
top: 50px;
left: 140px;
border: 10px solid black;
}
h2 {
text-align: center;
position: absolute;
top: 160px;
left: 300px;
}
#1p {
position: absolute;
top: 200px;
left: 175px;
font-size: 18px;
}
<img src="Pen_MLA.jpg" class="positionImage">
<table>
<th colspan="2">The Writing Center at Bristol Community College</th>
<tr>
<td><b>Building B - Room 117</b></td>
<td><b><i>E-mail: writing.center@bristolcc.edu</i></b></td>
</tr>
<tr>
<td><b>508-678- 2811 X2544<b></td>
<td><b><i>Website: www.bristolcc.edu/writingcenter</i></b></td>
</tr>
</table>
<h2>Quoting and Citing Poetry (MLA)</h2>
<p id="1p">(Material is drawn from the <u>MLA Handbook for Writers of
Research Papers</u>, 6th Edition.)</p>