3 Réponses :
Ajoutez cette propriété à votre CSS:
.based-on-text{
display: inline-block;
}
Mais cela ne fonctionne pas dans IE7 ou plus tôt. J'essaie de faire un plugin entièrement compatible, au cas où vous vous demandez. Y a-t-il une solution de contournement pour cela?
Utiliser probablement le "flotteur: restant;" Propriété de CSS, avec un Clearfix, je suppose. Un peu hacky, mais cela fonctionne assez bien dans la plupart des cas. Vous devez appliquer le Clearfix sur l'élément parent -> CSS-Tricks.com/snippets / CSS / Clear-Fix
Ce violon (cliquez ici) montre à l'aide de Ceci est le JavaScript. Assez laid. Il y a probablement une meilleure façon: en ligne-block sur Le DIV Etiquette de texte et un peu JS pour régler la largeur de la zone extérieure avec la bordure.
Cliquez ici
Alternative CSS sans JS supplémentaire utilisant des éléments traditionnels des éléments flottants Approche
Je vais y aller avec celui-ci, juste parce que cela n'incluait pas de JS supplémentaire. Je pense que c'est l'approche plus simple. Merci!