1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Como colocar uma linha em CSS?

Galera, eu preciso colocar uma linha pra dividir o título/descrição do anúncio com os links que ficam a direita (Ofertas Volkswagen, Concessionárias e Linha Volkswagen), como segue imagem em anexo. Como eu poderia fazer isso?

<div class="anuncioads_lista">
          <div class="midia first">
                 <div style="position:relative; width:700px;height:80px;overflow:hidden; padding: 12px 16px 10px 16px;;">
                       <a href="%c[%urlprincipal%]" target="_blank" style="text-decoration:none">
                  <ul>
            <img width="120" src="[%imagem%]" style="position:relative; left: -45px; float:left; margin:0 5px 0 0; height: 65px; border:0;"/>
             <p style="position:relative; left: -35px; font-family:Arial; font-size:18px; margin-top:-20px; font-weight:bold;text-decoration:underline;padding-bottom:5px;color:blue;">[%titulo%]</p>
             <p style="width:415px; position:relative; left: -35px; font-family:Arial; font-size:14px; color:#444; margin-top:-20px;">[%descricao%]</p>

<p style="width:170px; position:relative; left: 380px; font-family:Arial; font-size:14px; color:#444; margin-top:-70px;">
       <a href="[%urlofertasvolkswagen%]" style="text-decoration: none">Ofertas Volkswagen</a> 
</p>

<p style="position:relative; left: 380px; font-family:Arial; font-size:14px; color:#444; margin-top:-10px;">
       <a href="[%urlconcessionarias%]" style="text-decoration: none">Concessionárias</a> 
</p>

<p style="position:relative; left: 380px; font-family:Arial; font-size:14px; color:#444; margin-top:-10px;">
       <a href="[%urllinhavolkswagen%]" style="text-decoration: none">Links Volkswagen</a>
</p>


                   </ul>
            </a>
                </div>
           </div>
</div>

https://www.filepicker.io/api/file/usxZtrkKS1uiiLeceErW

  • Mas faz com uma div mesmo ai seta os tamanho que tu be entender.

    Lucas Henrique de Abreu   10 de jul de 2014
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags i18n ou faça a sua própria pergunta.