antonionnio
New Member
DEMO: http://jsfiddle.net/CtCuk/10/If you take a look at demo, "Here is News" section is folded.However I want this section in the midlle vertically, and all straight up to the right.
Then if window size gets narrowed down, it should start folding characters.Is it possible?HTML\[code\]<div class="top_page"> <div class='container-general'> <div class="annouce-row"> <div class='title'> New </div> <div class='announcement'> Here is News </div> </div> </div></div>\[/code\]CSS\[code\].top_page{ width: auto; max-width: 900px; margin: 50px auto 20px;}.annouce-row { width: 800px;}.annouce-row div { width: 100px; display: inline-block;}.title { padding: 20px 10px; background-color: rgb(123, 0, 218); border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin: 1px; color: rgb(255, 255, 255); font-size: 22px; width: 70px;}.announcement { font-size: 24px; font-weight: 200; color: rgb(0, 174, 218); margin-left: 0px; width: 600px;}\[/code\]
Then if window size gets narrowed down, it should start folding characters.Is it possible?HTML\[code\]<div class="top_page"> <div class='container-general'> <div class="annouce-row"> <div class='title'> New </div> <div class='announcement'> Here is News </div> </div> </div></div>\[/code\]CSS\[code\].top_page{ width: auto; max-width: 900px; margin: 50px auto 20px;}.annouce-row { width: 800px;}.annouce-row div { width: 100px; display: inline-block;}.title { padding: 20px 10px; background-color: rgb(123, 0, 218); border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin: 1px; color: rgb(255, 255, 255); font-size: 22px; width: 70px;}.announcement { font-size: 24px; font-weight: 200; color: rgb(0, 174, 218); margin-left: 0px; width: 600px;}\[/code\]