2010-09-24 9 views
0

désolé im un débutant en CSS, alors s'il vous plaît être en colère contre moi, je voulais vraiment quelque chose comme ceci:positionnement dans css?

en gardant à l'esprit que le nombre va augmenter, donc le texte doit rester au milieu. si vous obtenez ce que je veux dire! :))

alt text

+0

cette image ne m'ajoute pas – getaway

+0

non, je ne comprends pas ce que vous voulez dire. essayez-vous de centrer le texte, indentez-le un peu au début du paragraphe, quoi? – Jason

+0

je n'ai aucune idée de ce que vous demandez – Catfish

Répondre

1

Pour centrer le texte:

text-align: center; 

Quant à mettre votre contenu horizontalement, vous avez plus d'une façon de le faire.

  1. Utilisez un tableau. Pas la meilleure idée, TBH, mais la possibilité existe.
  2. Utilisez une grille CSS, telle que http://www.1kbgrid.com/ - une meilleure idée.
  3. Utilisez une liste non-ordonnée. Définissez le style de liste sur Aucun pour vous débarrasser des puces et afficher les éléments de la liste en ligne.
  4. Faites flotter manuellement vos numéros.
1

si vous êtes nouveau css, voici un exercice pour vous:

télécharger Firebug pour Firefox et passer au crible le code de StackOverflow la façon dont ils positionnent leurs numéros sur la page d'accueil pour des choses comme des vues et des réponses. Plutôt que de vous dire comment le faire, vous apprendrez non seulement comment utiliser firebug, mais aussi quelques précieuses leçons CSS :)

Pour ce faire, faites un clic droit sur l'élément que vous voulez creuser et cliquez sur "Inspecter l'élément". Ensuite, vous pouvez voir et même éditer le CSS pour voir comment tout interagit avec le document.

Je vous promets, non, je vous garantis que ce sera beaucoup plus utile que si je vous donne tout simplement un code CSS simple pour vous aider à réaliser cet effet simple, surtout si vous envisagez de faire plus de travail CSS A l'avenir.

+0

mais stackoverflow deosnt ont des nombres ou du texte montrant l'un à côté de l'autre comme ceci? – getaway

+1

Maintenant, c'est une suggestion précieuse! – mingos

+0

sur la première page, ils font exactement ce que vous cherchez à faire. voir où ils ont le nombre de réponses, de points de vue et de votes? – Jason