cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <main class="Page-content">
  <div class="container">
    <article class="Page-main MainArea">
      <header class="col-xs-12">
        <h1>Suitability of the term</h1>
      </header>
      <div class="MainArea-content col-md-9">Many people[who?] believe that software engineering implies a certain level of academic training, professional discipline, adherence to formal processes, and especially legal liability that often are not applied in cases of software development. A common analogy is that working in construction does not make one a civil engineer, and so writing code does not make one a software engineer. Furthermore, because computing doesn't utilize the methods of mathematical physics common to all conventional engineering disciplines, it's more appropriate to call those engaged in this occupation as software developers, computer scientists or similar.

  In 1978, a prominent computing scientist, E. W. Dijkstra, wrote in a paper that the coining of the term software engineer was not useful since it was an inappropriate analogy, "The existence of the mere term has been the base of a number of extremely shallow—and false—analogies, which just confuse the issue...Computers are such exceptional gadgets that there is good reason to assume that most analogies with other disciplines are too shallow to be of any positive value, are even so shallow that they are only confusing."[13]

  In each of the last few decades, at least one radical new approach has entered the mainstream of software development (e.g. Structured Programming, Object Orientation), implying that the field is still changing too rapidly to be considered an engineering discipline. Proponents argue that the supposedly radical new approaches are evolutionary rather than revolutionary.[citation needed]

  Individual commentators have disagreed sharply on how to define software engineering or its legitimacy as an engineering discipline. David Parnas has said that software engineering is, in fact, a form of engineering.[14][15] Steve McConnell has said that it is not, but that it should be.[16] Donald Knuth has said that programming is an art and a science.[17] Edsger W. Dijkstra claimed that the terms software engineering and software engineer have been misused[clarification needed] and should be considered harmful, particularly in the United States</div>
      <footer class="col-md-3">The U.S. Bureau of Labor Statistics classifies computer software engineers as a subcategory of "computer specialists", along with occupations such as computer scientist, programmer, and network administrator.[23] The BLS classifies all other engineering disciplines, including computer hardware engineers, as "engineers".[24]The U.S. Bureau of Labor Statistics classifies computer software engineers as a subcategory of "computer specialists", along with occupations such as computer scientist, programmer, and network administrator.[23] The BLS classifies all other engineering disciplines, including computer hardware engineers, as "engineers".[24]</footer>
    </article>
    <div class="Page-fuckoff col-md-9">Fuck off!!!</div>
    <aside class="Page-sidebar col-md-3">Sidebar</aside>
  </div>
</main>

            
          
!
            
              .Page-content {
  padding-bottom: 10px;
  background-color: yellow;  
}

.MainArea {
  width: 100%;
  padding-bottom: 10px;
  background-color: green;
  
  header {
    background-color: purple;
    
    h1 {
      margin: 0;
    }
  }
  
  footer {
    float: right;
    background-color: aqua;
  }
}

.MainArea-content,
.Page-fuckoff {
  float: left;
}

.MainArea-content {
  // margin: 0 250px 0 0;
  background-color: blue;
}

.Page-fuckoff {
  height: 300px;
  background-color: orange;
}

.Page-sidebar {
  float: right;
  background-color: red;
}

            
          
!
999px
Loading ..................

Console