There are alignment issues with the following elements within the table in the markup below:
in the middle cell
In the last cell, the text enclosed by the <span style=‘text-align: right; font-weight: bold;’ is not aligning properly either.
The user style sheet is:
.DisplayBlock {
display: block;
}
.InlineB {
display: inline-block;
}
.EncasingTableContainer {
padding: 1em 0;
}
.EncasingTable {
font-family: ‘Open Sans’, sans-serif;
height: auto;
color: #1a2b57;
border-collapse: collapse;
}
.ContactIcons {
height: 1.25em;
margin: 0 auto;
}
.AvailabilityTableContainer {
display: inline-block;
width: auto;
}
.AvailabilityTable {
margin-right: 0;
margin-left: auto;
border-collapse: collapse;
}
.ContactContainer,
.CareCoordinatorContainer,
.NowPowContainer {
width: 260px;
padding: 0 0.5em;
}
.CareCoordinatorContainer {
text-align: right;
border-right: 2px dashed #e0e0de;
}
.ContactInfoTable td {
text-align: right;
font-size: 10pt;
vertical-align: top;
}
.AvailabilityTable td {
padding-left: 0.5em;
}
.NowPowContainer {
text-align: right;
direction: rtl;
}
.AvailabilityTable .DayCell {
text-align: right;
direction: rtl;
}
.AvailabilityTable .TimeCell {
text-align: right;
width: auto;
}
The html is:
|
Health Corner - South Pedro Olivarez DEMO ORGANIZATION: Health Corner is a Federally Qualified Health Center dedicated to serving Chicago with outstanding clinical care.Wow bonus quetzal regression text!!! |
ربط الرعاية الصحية بالرعاية الذاتية هى خدمة توفر لك قائمة من الأماكن و البرامج NowPow المجاورة لك والمطابقة لإحتياجاتك الصحية التي يتم تسجيلها من زيارتك لنا اليوم. ومن خلال هذه الخدمات، تستطيع الاستمتاع بحياه مستقلة مع الحفاظ على صحتك ومعالجة أي أمراض قد تعاني منها |
Please advise. The alignment is appearing correctly when I run it on any browser.