How do I get this list to be seperated by a tab? (HTML/CSS) -



How do I get this list to be seperated by a tab? (HTML/CSS) -

so i've started html/css, , decided start simple, nav bar. thing tutorials online go point (below code) , completely ignore how set space between each list item. i've tried adding width, makes uneven space. please show me how this? thanks!

here's code; working model here

html:

<!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="bannercontent"> <ul id="banner"> <li id="bannerlinks"><a id= "links" href="#">what </a></li> <li id="bannerlinks"><a id= "links" href="#"> pricing </a></li> <li id="bannerlinks"><a id= "links" href="#"> contact </a></li> <li id="bannerlinks"><a id= "links" href="#"> wholesale</a></li> </ul> </div> </body> </html>

css:

@import url(http://fonts.googleapis.com/css?family=quicksand:300); #bannercontent{ font-family: 'quicksand:300'; text-align: center; font-size: 25px; } #banner{ list-style-type: none; margin: 0; padding: 0; } #links{ text-decoration: none; } #bannerlinks { display: inline; }

use margin value on li elements:

li { margin-right: 20px; }

this add together space of 20px between li elements.

demo

please note: ids supposed unique, classes made adding same style similar elements, instead of <li id="bannerlinks"> should <li class="bannerlinks">. in css need update #bannerlinks .bannerlinks.

html css

Comments

Post a Comment

Popular posts from this blog

Php operator `break` doesn't stop while -

Php operator `break` doesn't stop while - have weird issue, break doesn't break while loop , maintain rotating. logically should break cycle , set output while ($c++ != 5) { // here curl request, doesn't relevant have removed preg_match("!<.*?>(\s*)[^<>]*?{$to}<!", $resp, $result) ; // echo 'cnt = ' .count($result).'<br>'; if(!count($result)) { $amount = 0; echo 'sleep called'; sleep(4); exit; continue; } else { $amount = trim(@$result[1]); $amount = round($amount + $amount * $exchange_ratio, $precision); echo 'break happen<br>'; break; } } so output cnt = 2 break happen cnt = 0 sleep called so skipped break , maintain rotating. how so? edit works fine on localhost issue php version? ...
Read more

ubuntu - Bash Script to Check That Files Are Being Created -

ubuntu - Bash Script to Check That Files Are Being Created - we have amazon ec2 instance upload output our security cameras. every , then, cameras have issue, stop uploaded, , need rebooted. easy way determine seeing if files not beingness created. problem creates lots , lots of files. if utilize find -ctime, takes long time script run. there faster way check see if files have been created since yesterday? need capture result, (yes there files, or not there not,) , email message, nice have didn't take half hr run. #!/bin/bash find /vol/security_ftp/west -ctime -1 find /vol/security_ftp/backentrance -ctime -1 find /vol/security_ftp/boardroomdoor -ctime -1 find /vol/security_ftp/mainentrance -ctime -1 find /vol/security_ftp/north -ctime -1 find /vol/security_ftp/south -ctime -1 using find natural solution, if must avoid it, can see newest file in directory using ls , sorting output according ctime, eg. ls /vol/security_ftp/west -clt | head --lines=1 ...
Read more

vim: Search & replace -

vim: Search & replace - i searching easy way search , replace things in vim "workaround" refactoring. on other stackoverflow-question found snippet of code: nnoremap gr gd:%s/<c-r>///gc<left><left><left> i thought gd selects current word under cursor in whole document , %s search , replaces matches after typed replace pattern. gc stands globally confirmation?! however: not work expected. illustration in python class of mine can easy rename occurencies of self in whole file not work on method identifieres or field identifieres length of one. def __init__(self): self.test = [] self.a = [] ... so self changed using snippet, doing gr on field a not work. how can work easy search , replace on 1 file? any tips on intelligent refactoring appreciated. after hours of searching found plugins , workarounds work c files, need @ to the lowest degree java, python , php compatibility. thanks every reply :) update: found...
Read more