html5 - Html justify a word in a div -


I need to justify 3 menus in the column: the length of words is different, but I get them 100% vertical Diva (as appropriate) I tried to use paragraphs for each word along with a proper text-alignment and set each separate letter-difference, but without any result I hope I have this problem and solution Is well interpreted. - Thanks

HTML:

  & lt; Div class = "container vert" id = "left" & gt; & Lt; Div class = "container" id = "menu" & gt; & Lt; A href = "" & gt; & Lt; P class = "menuitem" id = "work" & gt; Work & lt; / P & gt; & Lt; / A & gt; & Lt; Br> & Lt; A href = "" & gt; & Lt; P class = "menuitem" id = "contact" & gt; Contact & lt; / P & gt; & Lt; / A & gt; & Lt; Br> & Lt; A href = "" & gt; & Lt; P class = "menuitem" id = "share" & gt; Shared & lt; / P & gt; & Lt; / A & gt; & Lt; Br> & Lt; / Div & gt; `& Lt; / Div & gt;  

CSS:

  #left {float: left; Border: 1px solid red; Width: 20%; Opacity: 0.7; } #menu {word-wrap: break-word; Left: auto; Height: auto; Font-family: 'PT sans', 'non-serif'; Alphabets: 16px; Font size: 18pt; Color: # 4D4D4D; Text align: center; }. Menuuitem {margin: 0; Width: 100%; }  

You have to return the size of your menu. Something like

  var widthMenu1 = $ ('# idMenu1'). Width ();  

and then adjust the text size in the width of the work you are receiving,

  $ ('# idMenu1Label'). Attr ('font-size', widthMenu1 / 10);  

10 is an example, and then you can open it with some other function


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -