css - Can not display the list and h1 tag on the same line -



trying make webpage menu list , logo side side. in code below whenever try make them side side 1 of them moves down on page.i want both list , heading side side.here code,

<!doctype html> <html dir="ltr" lang="en-uk">      <head>         <meta http-equiv="content-type" content="text/html; charset=utf-8" />         <title>fahad | web designer</title>         <!--styling starts-->     </script>         <style type="text/css">              <link href='http://fonts.googleapis.com/css?family=chewy&v1' rel='stylesheet'               type='text/css'>             h1 { font-family: 'chewy', arial, serif;              }              h1 {                  font-size:45px;                   padding-top:70px;                  padding-left:350px;              }             .menu              {                 padding:0;                 margin-left:0;                   height:200px;                 width:300px;             }               .menu ul              {                 padding-left:200px;                 padding-top:45px;                 font:verdana, geneva, sans-serif;                 list-style-type:none;                 text-decoration:none;                 color:#666;               }               .container               {                 color:#666;                }               a:link               {                  color:#666;               }               a:hover               {                  color:#333;               }               a:active               {                 color:#666;               }       </style>      </head>     <body>         <div class="container">        <h1>fahad</h1>               <div class="menu">              <ul>                 <li><a>home</a> </li>                     <li><a>blog</a></li>                 <li><a>about</a></li>                 <li><a>contact</a></li>               </ul>              </div><!--logo div ends-->          </div><!--container div ends-->     </body> </html>

please me out. thank you.

to make 2 (or more) sibling elements appear in 1 line, can use inline-block value. apply display:inline-block elements.

live demo: http://jsfiddle.net/dcs4u/


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more