jquery - Why is this "next" arrow rendering slightly below the height of the "previous" arrow? -

My main issue and question is mostly a CSS issue. I have an HTML-template driven calendar using CLNDR.js And "next month" arrow is less than "last month", no matter what I do, I can not cure it through CSS.

This is my Bela:

Related sections of CSS, I believe

  # Full-Clandre .clndr-controls .clndr- Previous-button {float: left; Align text: left; } #full-clndr.clndr-control .clndr-next-button {float: true; Text align: right; }  

But for me, how will I do this, and it is not working, so it should be something else?

If anyone has a great experience with CLNDR.JS, it seems to be completely asking, as far as the styling is. Is there anything that should be dealt with via CSS? Or am I missing something in Clandra's configuration?

You can fix it by changing the order of elements

Change: < / P>

  & lt; Div class = "clndr-previous-button" & gt; & Amp; Lsaquo; & Lt; / Div & gt; & Lt; Div class = "month" & gt; & Lt;% = Month% & gt; & Lt; / Div & gt; & Lt; Div class = "clndr-next-button" & gt; & Amp; Rsaquo; & Lt; / Div & gt;  

to:

  & lt; Div class = "clndr-next-button" & gt; & Amp; Rsaquo; & Lt; / Div & gt; & Lt; Div class = "clndr-previous-button" & gt; & Amp; Lsaquo; & Lt; / Div & gt; & Lt; Div class = "month" & gt; & Lt;% = Month% & gt; & Lt; / Div & gt;  

The sequence of your floating elements is the case. By creating the initial elements first, you allow the material that floats and captures the space between them.