Changes

Jump to navigation Jump to search
m
*If we set the height of the line-height to 50 pixels, the text will be in the middle of the container. Here the coding:
<div style="border:2px solid crimson; background-color:moccasin; padding:10px; width:100%; font-size:10pt; font-family:Courier New"><nowiki><div style="</nowiki><font color="blue">line-height:</font color><font color="red">50px</font color>; <font color="blue">text-align:</font color><font color="red">right</font color>">This text is in the middle<nowiki></div></nowiki></div><br>
<div style="width:100%; height:50px; text-align:center; line-height:50px; border:1px solid red">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpisThis text is in the middle.</div>
==Try these out==

Navigation menu