Teksten willen niet naast elkaar

Status
Niet open voor verdere reacties.

yoje4li

Gebruiker
Lid geworden
23 jun 2013
Berichten
143
Hallo ik ben bezig met een website alleen ik zit met een probleem.
ik heb dit gemaakt(dit is niet alles :p):
Code:
STYLE.CSS:
#pageTop > #pageTopWrap > #pageTopRest > #not_logged_in {
height: 30px;
}
#pageTop > #pageTopWrap > #pageTopRest > #not_logged_in > div {
margin-top: 4px;
padding: 2px;
float: right;
}
#pageTop > #pageTopWrap > #pageTopRest > #not_logged_in > div > a {
color: #00cccc;
text-decoration: none;
}

en

Code:
DE PAGINA:
<div id="not_logged_in">
        <div>
          <a href="#"><h3>Log in</h3></a>
          <h3> or </h3>
          <a href="#"><h2>Sign up</h2></a>
        </div>
      </div>



alleen nu gaat de tekst (Log in, or , Sign up) onder elkaar en ik wil hem naast elkaar.
hoe kan dit en wat moet ik doen
 
Code:
h2 {
  display: inline;
}

h3 {
  display: inline;
}

Dat lost het op, komt omdat h1, h2 enz standaard display block hebben.
 
h1 tot en met h6 zijn bedoeld voor kopteksten/titels van teksten en/of pagina's Als je een klein stuk tekst appart wilt stijlen is het gebruikelijker om daar <span> voor te gebruiken en een klasse toe te voegen waarmee je de opmaak kunt regelen. Je kunt ook zoals googlemuscle voorstelt de h2 en h3 aanpassen zodat ze zich gedragen zoals jij wilt. Ik raad je aan om dit dan alleen te doen voor de div waarin dit nodig is om eventuele problemen met stijlen verder in de ontwikkeling te voorkomen.
Code:
#not_logged_in h2, #not_logged_in h3 {
display: inline;
}
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan