can't align text vertically - angularJS + bootstrap + flexbox

can synonym
can verb
can band
can.'' acronym
can y
can pronunciation
cant
can airport

I've lost so much time trying to figure out why I can't align the text inside these cells vertically? I tried everything :

align-items: center;
vertical-align: middle;
justify-content: center;
justify-items: center;

none of these seems to be working, I tried putting them in the cointainers, in the cells themselves, but nothing..then I have a complete different table, always with flex, and there it works, so I'm lost,

here the fiddle, I'm trying to vertically align the cells with some text in them, anyone with a working solution? what am I doing wrong?

https://jsfiddle.net/buwgq14a/15/


You can use flex by adding some css in your existing syle and you are done

    .epYearlyHeaderCell,
.epYearlyHeaderCell2,
.epYearlyHeaderMonthCell:first-child, .epYearlyHeaderMonthCell:nth-child(3), .epYearlyHeaderMonthCell:nth-child(5), .epYearlyHeaderMonthCell:nth-child(7), .epYearlyHeaderMonthCell:nth-child(8), .epYearlyHeaderMonthCell:nth-child(10), .epYearlyHeaderMonthCell:last-child, .epYearlyHeaderMonthCell:nth-child(2), .epYearlyHeaderMonthCell:nth-child(4){
    display: flex;
    align-items: center;
    justify-content: center;
}

working fiddle here

English Sentences with Audio Using the Word "Can", Look up CAN, Can, can, or -can in Wiktionary, the free dictionary. Can may refer to: Contents. 1 Containers; 2 Music; 3 Other; 4 See also. Containers[edit]. Can definition, to be able to; have the ability, power, or skill to: She can solve the problem easily, I'm sure. See more.


Replace the span with div

like

<div class="epYearlyHeaderCell">
   <div class="epYearlyHeaderCellText">222</div>
</div>


.epYearlyHeaderCell{
   display:table;
}


.epYearlyHeaderCellText
{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

Can dictionary definition, Can was the leading avant-garde rock group of the 70s. Can experimented with noise, synthesizers, non-traditional music, cut-and-paste techniques, and, most  Define can. can synonyms, can pronunciation, can translation, English dictionary definition of can. to be able to, have the power or skill to: I can take a bus to the airport. She can paint very well.


Try targeting the span

.epYearlyHeaderCell span {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}

CAN (noun) definition and synonyms, can meaning: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . Learn more. can definition: 1. to be able to: 2. used to say that you can and will do something: 3. to be allowed to: . (Definition of can from the Cambridge Business English


You're missing this in your code :

.epYearlyHeaderCell,
.epYearlyHeaderMonthCell {
    display: flex;
    align-items: center;
    justify-content: center;
}

Updated JsFiddle here

Can, VerbEdit. can (third-person singular simple present can, present participle -, simple past could, past participle (obsolete except in  110 synonyms of can from the Merriam-Webster Thesaurus, plus 97 related words, definitions, and antonyms. Find another word for can.


Can, Can-Am Off-Road is an excellent place for those who dare to venture off-road. Discover our 2020 lineup: Side by Side and ATV for performance, adventure or  Can (stylised as CAN) was a German experimental rock band formed in Cologne in 1968 by the core quartet of Holger Czukay (bass, tape editing), Irmin Schmidt (keyboards), Michael Karoli (guitar), and Jaki Liebezeit (drums).


Can, Explore Our Can-Am ATV & Side by Side Lineup. Person sitting on a Ryker · On-​Road. Explore Our Can-Am Three-Wheel Motorcycle Lineup. © BRP 2003-2020. A Controller Area Network (CAN bus) is a robust vehicle bus standard designed to allow microcontrollers and devices to communicate with each other's applications without a host computer. It is a message-based protocol, designed originally for multiplex electrical wiring within automobiles to save on copper, but can also be used in many other


The Official CAN / Spoon Records Website, His latest book, the novella collection “If It Bleeds,” offers the familiar unsettling pleasures. We would like to show you a description here but the site won’t allow us.