J'ai deux boîtes d'options remplies. Je voudrais afficher une ligne droite verticale entre les deux et au milieu de la ligne écrire "OU". Je ne me souviens pas d'où, mais j'ai vu cela se faire dans un endroit. Fondamentalement, l'utilisateur sera en mesure de sélectionner l'une de ces deux cases d'option.comment dessiner une ligne verticale entre deux boîtes d'options en utilisant css
J'ai placé le code sur jsbin.
I modified it for you, check here.
Fondamentalement, l'idée est de placer ces boîtes de sélection dans des divs et de les faire flotter.
erm, je suppose que vous pourriez avoir 3 divs dans une rangée (tout flotteur: gauche;) et le milieu pourrait être la hauteur de fond noir et l'extérieur de deux pourraient avoir les boîtes de sélection en eux?
Ajouter une nouvelle div avec une image d'arrière-plan (la ligne) et le texte ou écrit à l'intérieur;) Que vous devez utiliser la propriété float css. Tout le monde peut aready choisir des éléments des deux cases d'option ...
Je sais que vous avez déjà accepté une réponse, mais je pensais que je vous offre cette option ainsi:
Il diffère légèrement de la réponse de @ Sarfraz, en ce compris la ligne verticale, bien que ce soit à peu près une différence mineure css. Bien que j'ai également rangé le code et utilisé un <form> et <fieldset> éléments, aussi ... =)