Skip to main content
Commonmark migration
Fonte Link

Penso que o que pretendes é este resultado:

[jsfiddle][1]jsfiddle

<div id="contact"><h1>CONTACTO</h1>
   <p>+(351) 967 181 237&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+(351) 214 569 018<br><br></p>
   <a href="mailto:[email protected]" target="_blank">[email protected]</a><br><br>
   <p>Avenida da República, Torre Soleil</p>

</div>

.

#contact a {
    float: right;
    font-size: 15px;
    margin-right: 25px;
    color:#fff;
    text-decoration: underline;
}

O que fiz?

Fechei o <p> antes do <a> e abri de novo no fim do </a>; Coloquei margin-right: 25px; no CSS #contact a para ficar tudo bem alinhado. [1]: http://jsfiddle.net/Ra35L/4/

Penso que o que pretendes é este resultado:

[jsfiddle][1]

<div id="contact"><h1>CONTACTO</h1>
   <p>+(351) 967 181 237&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+(351) 214 569 018<br><br></p>
   <a href="mailto:[email protected]" target="_blank">[email protected]</a><br><br>
   <p>Avenida da República, Torre Soleil</p>

</div>

.

#contact a {
    float: right;
    font-size: 15px;
    margin-right: 25px;
    color:#fff;
    text-decoration: underline;
}

O que fiz?

Fechei o <p> antes do <a> e abri de novo no fim do </a>; Coloquei margin-right: 25px; no CSS #contact a para ficar tudo bem alinhado. [1]: http://jsfiddle.net/Ra35L/4/

Penso que o que pretendes é este resultado:

jsfiddle

<div id="contact"><h1>CONTACTO</h1>
   <p>+(351) 967 181 237&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+(351) 214 569 018<br><br></p>
   <a href="mailto:[email protected]" target="_blank">[email protected]</a><br><br>
   <p>Avenida da República, Torre Soleil</p>

</div>

.

#contact a {
    float: right;
    font-size: 15px;
    margin-right: 25px;
    color:#fff;
    text-decoration: underline;
}

O que fiz?

Fechei o <p> antes do <a> e abri de novo no fim do </a>; Coloquei margin-right: 25px; no CSS #contact a para ficar tudo bem alinhado.

Fonte Link
CesarMiguel
  • 4,8mil
  • 2
  • 38
  • 61

Penso que o que pretendes é este resultado:

[jsfiddle][1]

<div id="contact"><h1>CONTACTO</h1>
   <p>+(351) 967 181 237&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+(351) 214 569 018<br><br></p>
   <a href="mailto:[email protected]" target="_blank">[email protected]</a><br><br>
   <p>Avenida da República, Torre Soleil</p>

</div>

.

#contact a {
    float: right;
    font-size: 15px;
    margin-right: 25px;
    color:#fff;
    text-decoration: underline;
}

O que fiz?

Fechei o <p> antes do <a> e abri de novo no fim do </a>; Coloquei margin-right: 25px; no CSS #contact a para ficar tudo bem alinhado. [1]: http://jsfiddle.net/Ra35L/4/