I'm trying to test someone's code to put on a web page that already has content on it. So, I'd like it in a section of the page.
But it doesn't appear.
The html is this:
The css is this:
I just see a flat line on the page. Is it because the css has "html, body"?
How can I change this code to just show it in a section of the page?
Any help is appreciated...
But it doesn't appear.
The html is this:
HTML:
<p>
<center><div class="container">
<div class="text"></div>
</div></center>
The css is this:
CSS:
html, body {
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 28px;
text-transform: uppercase;
font-weight: 100;
background-color: #222;
color: #eee;
width: 100%;
height: 100%;
letter-spacing: 5px;
}
html .content, body .content {
text-align: center;
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
html .content span, body .content span {
width: 30px;
display: inline-block;
}
I just see a flat line on the page. Is it because the css has "html, body"?
How can I change this code to just show it in a section of the page?
Any help is appreciated...