Aide au positionnement CSS

Je souhaite placer une bordure avec du texte sur le côté gauche et une bordure avec du texte sur la droite DANS LA MÊME LIGNE. Comment fait-on ça?Aide au positionnement CSS

Merci.

MERCI À TOUS POUR VOS RÉPONSES, JE L'AI TRAVAILLÉ. MERCI ENCORE.

Source

2010-10-05 Sarthak Srivastava

si l'une des réponses a travaillé pour vous, il est poli de « accepter "il en cliquant sur le bouton à côté de lui :-) – Spudley

<div> 
    <div style="float:left;border:solid 1px black;"> 
    Some text 
    </div> 
    <div style="border:solid 1px black;"> 
    More text 
    </div> 
</div>

Est-ce ce que vous cherchez?

Source

2010-10-05 19:31:56 Keith

Merci .... cela a fonctionné. –

Il y a plusieurs options, en fonction de la situation:

utilisation flotte: float: left sur le récipient gauche, float: right sur le récipient droit
les rendre des éléments en ligne ou des blocs inline - display: inline-block peut faire des merveilles
utilisation positionnement absolu, combiné avec les left et right propriétés

Source

2010-10-05 19:33:17 tdammers

Peut-être quelque chose comme ceci:

<html><head> 
<style type="text/css"> 

#content{ 
    border:2px solid #999; 
    padding:10px; 
} 
.titlebox{ 
    float:left; 
    padding:0 5px; 
    margin:-20px 0 0 30px; 
    background:#fff; 
} 
</style></head><body> 

<div id="content"> 
    <div class="titlebox">Title</div> 
    <p>Lorem ipsum dolor sit amet consectetuer venenatis vitae Nulla fringilla consequat. Wisi magnis volutpat auctor Nulla Vivamus id In elit dictumst mollis. Curabitur auctor consectetuer dui interdum neque Curabitur vel auctor tellus netus. Sed tincidunt condimentum semper Vestibulum sed tellus ridiculus elit In dictum. Turpis lacus pellentesque In ac volutpat mi non nibh vitae laoreet. Elit.</p> 
</div> 
</body></html>

peut être un bon début pour vous. L'exemple place uniquement le texte sur le côté gauche en exploitant une marge supérieure négative mais il devrait être facile de le personnaliser! (Prise de here)

Vous pouvez diviser .titlebox en deux parties en ayant un droit aligné sous-composant (text-align: right) sur lequel vous avez le bon titre

Source

2010-10-05 19:33:37 Jack

Aide au positionnement CSS

Répondre

Questions connexes