Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>How's this</p> <p><a href="http://jsfiddle.net/vVM2C/" rel="nofollow">http://jsfiddle.net/vVM2C/</a></p> <p><strong>HTML</strong></p> <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;Weird Div Placement Problem&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="styles3.css" media="all"/&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="bg"&gt; &lt;div class="content"&gt; &lt;div class="bounds"&gt; &lt;div class="question"&gt; &lt;a name="q10"/&gt;&lt;span class="number"&gt;10.&lt;/span&gt; Please fill in the values indicating what will be computed by the program. &lt;/div&gt; &lt;div class="code"&gt; void loop() { &lt;br/&gt; int a = 1; &lt;br/&gt; int b = 2; &lt;br/&gt; int c = a+b; &lt;span style="margin: 0 0 0 3.4em;" class="rc"/&gt; //c = &lt;input type="text" name="a10c" size="10"/&gt; &lt;br/&gt; int d = c / 3; &lt;span style="margin: 0 0 0 3em;" class="rc"/&gt; //d = &lt;input type="text" name="a10d" size="10"/&gt; &lt;br/&gt; int e = 7 / 2; &lt;span style="margin: 0 0 0 2.9em;" class="rc"/&gt; //e = &lt;input type="text" name="a10e" size="10"/&gt; &lt;br/&gt;} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>CSS</strong></p> <pre><code>div { padding: 10px; margin: 10px; } div.bg { background-color: #4040A0; width: 800px; border-radius: 10px; } div.code { margin: 0; padding: 0; width: 100%; spacing: 0px; background-color: red; color: black; font: normal 16pt Verdana, fixed; } span.rc { left: 400px; background-color: #d00040; } div.bounds { background-color: #202090; color: white; border: 1px solid black; border-radius: 10px; font: normal 15pt/18pt Arial; } .number { font: bold 24pt Arial; margin: 10px; } text{ font: normal 14pt verdana; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload