Step 3 The image don't go to the left of the text. HELP!


The image don't go to the left of the text...


    <div class="main">
      <div class="container">
        <img src="" >

        <h2>The Innovation Cloud Conference</h2>
        <p>Connect with the best minds across a wide range of industries to share ideas and brainstorm new solutions to challenging problems.</p>
        <p>Hear industry leaders talk about what worked (and what didn't) so that you can save time on your most challenging projects.</p>
         <p>Learn about the latest research and technologies that you can use immediately to invent the future.</p>

/* Main */
.main .container {
	margin: 80px auto;

.main img {
/* Jumbotron */
.jumbotron {
	height: 600px; 
	text-align: right;


.jumbotron .container {
	position: relative;
	top: 220px;

/* Footer */
.footer { 
	font-size: 14px;

/* Media Queries */
@media {
  .header h1 {
    font-size: 50px;
    line-height: 64px;

  .main, .jumbotron {
    padding: 0 30px;


You need to add the following to the img tag (after src="#"): "height="128" width="196"

At least that's what solved it for me.
Unfortunately this is not made explicit in the instructions.


When declaring a float, it is always a good idea to include dimensions. Width is a must, and height is optional. If you write the dimensions in the CSS, then you do not need the attributes on your img tag.


Hello i need help with Add the following list items to the ordered list:

United States


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.