Breaking News: Grepper is joining You.com. Read the official announcement!

nav bar without display:flex

Open Ocelot answered on March 9, 2022 Popularity 3/10 Helpfulness 3/10

answer nav bar without display:flex

nav bar without display:flex

Comment

nav {
  display: inline-block;
  text-decoration: none;
  text-align: end;
  width: 100%;
  white-space: nowrap;
}
header {
  background-color: rgb(120, 14, 100);
  box-shadow: none;
  border: 1px none rgb(0, 0, 0);
  opacity: 0.9;
  display: block;
  position: relative;
  padding: 20px;
}
header h1 {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(0%, -50%);
  color: white;
}

ul {
  list-style: none;
  display: inline-block;
  text-align: right;
  /* background-color: blue; */
  margin: auto;
  color: white;
}
li {
  display: inline-block;
  padding: 20px;}

Popularity 3/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css nav

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

Open Ocelot

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

nav bar without display:flex

Contents

More Related Answers

nav bar without display:flex

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.