Problem z logiem i zegarem

Question

Czy ktoś wie jak wyśrodkować logo i żeby zegar był po prawej stronie w tej samej linice z małym marginesem?

http://codepen.io/anon/pen/ZGqGrj

Answer 1

Proponuję zamiast id używaj class.

 

Proszę bardzo ja to tak rozwiązałem:

• http://codepen.io/ReVieR/pen/Wvavad

text na środku strony i zegarek z prawej jak chciałeś :)

Kolory użyłem roboczo żebyś widział jak to jest zrobione.

Comments

wielki dzięki, tego mi brakowało do mojebo projektu

Answer 2

spróbuj tak 

<div id="top">
<div id="container">
  <div id="logo">Game</div>
  
  <div id="zegar">12:00</div>
  </div>
</div>


//// wyżej html
body
{
  background-color: #303030;
  color: #ffffff;
  width: 100%;
}
#container
{
  
  width:100%;
}
#logo
{
  text-align:center;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  font-size: 100px;
  float: left;
}

#zegar
{
  padding:30px;
  float: right;
  font-size: 60px;
}

 

Comments

logo nie jest całkiem na środku

Answer 3

Spróbuj w CSS użyć float:right dla diva zegar, i ewentualnie dodać margin-right.

Co do loga to spróbuj display:block; margin-left:auto; margin-right:auto

Comments

nie da rady, siedzę nad tym cały dzień