I did it: Complete! and I used CSS

HTML & CSS
123

I got this far: https://jsfiddle.net/1zuapwx5/4/ Is that what you meant?

124

NO, it is not.

125

that was about my other question, how to set it up without using a table. Once I remove the table it won’t stay spaced out. Question though:

How would I get this: https://jsfiddle.net/1zuapwx5/4/ [to] look like this? https://jsfiddle.net/eqhdzz73/54/

126

Run this in your browser.
Is everything centered?
Do you see any tables in the HTML?

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Spaced Out</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style type="text/css">
h1 { 
 text-align: center;
}
p {
 max-width: 60%;
 margin: auto;
}
</style>
</head>
<body>
<h1>Spaced Out</h1>
<p>
I have reset the sensors to scan for frequencies outside the usual range. 
By emitting harmonic vibrations to shatter the lattices. 
We will monitor and adjust the frequency of the resonators. 
He has this ability of instantly interpreting and extrapolating any verbal communication he hears. 
It may be due to the envelope over the structure, causing hydrogen-carbon helix patterns throughout. 
I'm comparing the molecular integrity of that bubble against our phasers.
</p>
</body>
</html>
127

Without my help.

I am not interested in working with the inline styled code. You have written much better code to work with.

I’ve given you all of the code that you need to create a non-table outer frame that centers the inner content box. I am attempting to guide you through the process of converting a <table> frame to a non-table frame that behaves like the table frame. Your cooperation is required.

1 Like
128

I just did it: https://jsfiddle.net/1zuapwx5/10/

129

Good.

130 
   I have a question:

[br] is supposed to look like <br> </br> or <br/> in this code?

   <td style='color: #0059dd;line-height:1;font-size:30px;font-weight:bold;padding: padding-top: 0px; padding-right: 50px; padding-bottom: 100px; padding-left: 50px;'>
            --------
            <br/>
131

Empty tags with the trailing slash are required by XHTML. HTML does not require the trailing slash; in fact, it is invalid in HTML but tolerated in HTML5. Your break tags should be <br>. Unfortunately, your use of break tags is considered poor practice. The control panel below the word Radio should be styled as {display:block} instead of {display:inline-block}, then the break tags would not be ncecessary at all.

1 Like
132

No: https://jsfiddle.net/o58qmmuv/

133

You’re saying, change inline-block to just block?
<span style='color:#000000; display:inline-block; width: 300px; height: 24px;background-color:#E2AB58'></span>

134

yes.

135

ok. done https://jsfiddle.net/1zuapwx5/12/

136

While you’re there, change the outline to border. The syntax and values remain exactly the same. The double lines that were troubling you when you tweaked the line height will not bother you again.

137

Changing outline to border will give you double lines: https://jsfiddle.net/1zuapwx5/12/ vs no double lines https://jsfiddle.net/1zuapwx5/15/ Border gives you separate tables.

138

It may give you separate cells, but not separate tables.

 

After changing outline to border, add to the table {border-collapse:collapse}

139

like this

td td {
  border: 1px solid blue;
}
{border-collapse:collapse}
140

No. I said, “add to the inner table”, not the table cells.

141

like this:

td td {
  border: 1px solid blue;
}

table {
    border-collapse: collapse;
}
142

Done. https://jsfiddle.net/1zuapwx5/17/