Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>you can try with this codes...</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt; &lt;title&gt;A simple Input Form&lt;/title&gt; &lt;style type="text/css"&gt; body { padding: 0; margin: 0; } .nav {position:absolute; top:0px; left:0px; height:50px; right:0px;overflow:hidden; color: #ffffff; text-align: center; /* Adds shadow to the bottom of the bar */ -webkit-box-shadow: 0px 0px 8px 0px #000000; -moz-box-shadow: 0px 0px 8px 0px #000000; box-shadow: 0px 0px 8px 0px #000000; /* Adds the transparent background */ background-color: rgba(1, 1, 1, 0.8); color: rgba(1, 1, 1, 0.8);} .nav ul{list-style:none;} .nav ul li{display:inline-block;} .nav ul li a{color:#fff; font-size:26px;} #faq{position:absolute; top:50px; bottom:50px; left:0px; right:0px; overflow:hidden;} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;div class="nav" style="clear:both;"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#four"&gt;four&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/header&gt; &lt;section id="faq"&gt; &lt;h1 id="one"&gt;This is faq one&lt;/h1&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;h1 id="two"&gt;This is faq two&lt;/h1&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;h1 id="three"&gt;This is faq three&lt;/h1&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;h1 id="four"&gt;This is faq four&lt;/h1&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt;&lt;p&gt;some text&lt;/p&gt; &lt;/section&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    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