html - Display: inline removes blocks -
i've been learning html , css around 2 months, apparently i'm still neophyte. i'm trying create of header nav bar here, when ever set property display:inline
, poof ! disappear. i'm pretty sure problem rudimentary input have helps.
div { border-radius: 5px 55px 5px 55px; } #header { height: 50px; width: 200px; background-color: #f38630; margin-bottom: 10px; margin-top: 10px; display: inline; } .left { height: 300px; width: 150px; background-color: #a7dbd8; float: left; margin-bottom: 10px; } .right { height: 300px; width: 450px; background-color: #e0e4cc; float: right; margin-bottom: 10px; } #footer { height: 50px; background-color: #69d2e7; clear: both; }
in nutshell, should not using display: inline
not intended displayed inside block of text.
this site learning layout basics: http://learnlayout.com
if want learn stuff though, best place know: https://dash.generalassemb.ly :)
hope helps. let me know if don’t feel i’ve answered question.
Comments
Post a Comment