html - How do I center elements in a div or nav element? -

-

this navigation bar:

#main-nav-bar .nav-item {    display: inline-block;    padding: 0.5%;    border-right: 1px solid white;  }  #main-nav-bar {    text-decoration: none;    color: #cfcfe0;  }
<nav id="main-nav-bar">    <a href="#services" class="nav-tab nav-item selected">services</a>    <a href="#resources" class="nav-tab nav-item">resources</a>    <a href="#contact-us" class="nav-tab nav-item">contact us</a>    <a href="#company" class="nav-tab nav-item">company</a>      <form class="searchbar nav-item" action="http://www.google.com/search" name="f" target="_blank">      <input size="10" name="q" value="" class="searchform">&nbsp;      <input type="submit" value="go!" name="btng" class="searchbutton">      <br>    </form>  </nav>

i want center 5 items inside nav element in responsive way. tried set margins, still not perfect centering.

how center them ?

use display:flex , justify-content:center in #main-nav-bar

#main-nav-bar {    display: flex;    justify-content: center;    border:1px dashed red;    background:green  }  #main-nav-bar .nav-item {    display: inline-block;    padding: 0.5%;    border-right: 1px solid white;  }  #main-nav-bar {    text-decoration: none;    color: #cfcfe0;  }
<nav id="main-nav-bar">    <a href="#services" class="nav-tab nav-item selected">services</a>    <a href="#resources" class="nav-tab nav-item">resources</a>    <a href="#contact-us" class="nav-tab nav-item">contact us</a>    <a href="#company" class="nav-tab nav-item">company</a>    <form class="searchbar nav-item" action="http://www.google.com/search" name="f" target="_blank">      <input size="10" name="q" value="" class="searchform">&nbsp;      <input type="submit" value="go!" name="btng" class="searchbutton">      <br>    </form>  </nav>


Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more