Centrando texto verticalmente II

1/Ago/2014 235

Recuerdas las tablas? Sabes que aún son útiles? No como etiqueta HTML, sino la propiedad CSS display: table. Aquí presento una técnica sencilla y rápida que permite centrar verticalmente cualquier bloque de texto dado cierto elemento HTML con alto fijo.

Dado el siguiente HTML:

<div class="vertical-centered-text">
  <h2>Este texto será centrado verticalmente gracias a display: table; y display: table-cell;</h2>
</div>

El CSS que permite el centrado es el siguiente:

.vertical-centered-text {
  height: 200px;
  display: table;
}
  .vertical-centered-text > * {
    display: table-cell;
    vertical-align: middle;
  }

Comentarios

  1. Syztqq [#]

    sildenafil chewable tablets – sildenafil 25 mg price in india where can you buy viagra over the counter in uk

  2. PatrickFax [#]

    https://cialiswithdapoxetine.com/ cialis price

  3. yatırımsız bonus veren siteler [#]

    hello very good nice off cors

  4. where web hosting [#]

    When I initially commented I clicked the «Notify me when new comments are added»
    checkbox and now each time a comment is added I get four emails with the
    same comment. Is there any way you can remove me from that service?
    Many thanks!

  5. bit.ly [#]

    My programmer is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using Movable-type on a number of
    websites for about a year and am concerned about switching
    to another platform. I have heard great things about blogengine.net.
    Is there a way I can transfer all my wordpress posts into it?
    Any kind of help would be really appreciated!

  6. hydroxychloroquineMt [#]

    what is hydroxychloroquine prescribed for is hydroxychloroquine what is hydroxychloroquine made of

  7. ivermectin pills for humans for sale [#]

    stromectol ivermectin tablets Centrando texto verticalmente II | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ generic ivermectin

  8. gay dating sites chicago [#]

    best gay dating site https://gaydatingcanada.com/

  9. toxic gay pig play dating [#]

    gay silver daddy dating https://gaydatinglosangeles.com/

  10. gay millionaire dating site [#]

    gay dating game with masseurs https://gay-singles-dating.com/

  11. HenryUnfiP [#]

    gay single dads dating
    free tranny/gay dating sites
    christian dating site gay

  12. ivermectin [#]

    stromectol south africa Centrando texto verticalmente II | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ ivermectin 3 mg for humans

  13. gay sex dating reviews [#]

    gay dating tips how to find https://gayedating.com/

  14. app.gumroad.com [#]

    Appreciate the recommendation. Let me try it out.
    asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr

  15. gay dating first time tips [#]

    dating older gay men tumblr https://datinggayservices.com/

  16. quest bars or [#]

    Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you! By the way, how could we communicate?

    quest bars http://bit.ly/3C2tkMR quest bars

  17. MarvinFuh [#]

    low price viagra
    cialis from.canada canadian online pharmacy for viagra canada pharmacies canadian drugs viagra pharma from canada us pharmacy cialis pills from canada rx meds best canadian pharcharmy online canada prescriptions online
    buy lsd online purchase viagra professional prescription viagra online canada canada drugs walmart drug prices without insurance

  18. coub.com [#]

    Hello, i think that i saw you visited my web
    site so i came to “return the favor”.I’m trying to find things to improve my site!I suppose its ok to use a few of
    your ideas!! scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  19. www.iherb.com [#]

    This is my first time go to see at here and i am really happy to
    read all at alone place. quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  20. http://bit.ly/3C42OCu [#]

    I really like it when individuals get together and share thoughts.
    Great site, stick with it! cheap flights http://1704milesapart.tumblr.com/ cheap flights

  21. HenryUnfiP [#]

    dating gay male
    gay dating websites in usa
    newest gay dating sites

  22. zithromaxeska [#]

    uses of zithromax zithr zithromax pills

  23. zithromaxeska [#]

    sithro zithromax tablets uses of zithromax

  24. cheapprednisolone [#]

    cheap prednisolone prednisolona

  25. isotretinoine [#]

    buy accutane buy isotretinoine

  26. nurtec [#]

    best price for cetirizine – http://allergyd.com

  27. modalert [#]

    https://getmodafinilnow.com/ modafinil price

  28. bactrim drug class [#]

    https://bactrimhoprim.com/ Sulfamethoxazole uses

  29. side effects of cetirizine [#]

    cetirizine 5mg tab – http://allergyd.com

  30. buy stromectol [#]

    stromectol 3mg scabies http://stromectolforte.com/# ivermectin ivermectin side effects

  31. stromectolforte.com [#]

    pastila de stromectol http://stromectolforte.com/# buy ivermectin liquid ivermectin human dosage

  32. prednisonesteroid [#]

    https://predforteprednisone.com/ prednisone for gout

  33. bactrim ds side effects [#]

    sulfameth trimethoprim https://bactrimtrimoxazole.com/

  34. bactrim ds [#]

    sulfamethoxazole trimethoprim bactrim ds side effects dosage

  35. stromectol [#]

    Non-specific Information Fro this by-product
    https://ivermectstromect.com ivermectin tablets
    https://ivermectinsts.com ivermectin tablets
    https://ivermectinsts.com ivermectin 3 mg
    https://ivermectstromect.com stromectol
    https://ivermectstromect.com ivermectin for sale

CSSLab