The text gets beyond headers and. What to do?




 <title>Main Page</title>
 <style type="text/css">
 html, body, div.wrapper { width:100%; height:100% }
 body { margin:0; padding:0 }
 div.wrapper { position:relative; background-color:#e6e6e6 }
 div.content { width:66%; min-height:100%; height:100% }
 header { box-sizing:border-box; width:100%; height:10%; max-height:15%; padding:0.5 rem; background-color:#43bb49; border-bottom-left-radius:0.5 rem; border-bottom-right-radius:0.5 rem }

 div.table { display:table; width:100%; height:100% }
 div.table-cell { display:table-cell; vertical-align:middle }
</style>


 <div class="wrapper" align="center">
 <div class="content" align="left">
 <header><div class="table"><div class="table-cell">Test</div></div></header>
 </div> 
</div>



With increasing Test gets far beyond. What to do, so he did not get out?
June 7th 19 at 14:32
1 answer
June 7th 19 at 14:34
Solution
you have the same doctype html i.e. html5, why are you using align ?
but then, I'm just a beginner? moreover, it doesn't help my problem - Korey50 commented on June 7th 19 at 14:37
, it's not going to help if you for example plan to work as a professional then you will be required validity and this is a gross error for which the validator will freak out !

The header and remove all mention of height but you can leave the min-height
Also remove the table-cell and apply the layout that you want to - Ophelia commented on June 7th 19 at 14:40
Just need to make the text not go beyond. And how, for example in YouTube, was composed closer - Korey50 commented on June 7th 19 at 14:43
, https://codepen.io/topicstarter/pen/XZQZjq?editors=1000 here - Ophelia commented on June 7th 19 at 14:46
thanks - Korey50 commented on June 7th 19 at 14:49

Find more questions by tags CSSHTML