Align text in two side by side divs & auto adjusting text

• 

  victoriakallsen · Member · Jun 6, 2018 at 6:38 pm

  • Copy link
  • Add topic to favorites

  Few questions.

  I’m trying to align the text of two divs that are side by side so that both are at the top of their div. This is a picture that shows what it looks like now and what I’d like it to look like.

  I’m also having issues with making the design more responsive & adjust well. Sometimes it will stay on the side or sometimes it will go on top. I’d like it to just adjust the size of the font but keep it side by side on smaller screens or on mobile. I’m also worried with having the width adjust correctly for having more words. Any thoughts? Here’s another picture of that.

  This is my css:

  /*
  Welcome to Custom CSS!

  To learn how this works, see http://wp.me/PEmnE-Bt
  */
  div {
  }

  #portfolio {
  margin: 0 auto;
  padding: 10px;
  }

  #portfolio .header {
  float: left;
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 250%;
  width: 30%;
  word-wrap: normal;
  }

  #portfolio .content {
  float: right;
  margin: 10px;
  vertical-align: top;
  }

  /* Clear floats after the columns */
  #portfolio .row:after {
  content: “”;
  display: table;
  clear: both;
  }

  This is the html code for :

  <!–Problem–>
  Problem

  Energy supply…

  </div>

  <!–Results–>
  Results

  Lorem ipsum…

  </div>

  <!–Skills–>
  Skills

  Lorem ipsum…

  </div>

  <!–For More Information–>
  For More Information

  Lorem ipsum…

  </div>
  </div>

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jun 15, 2018 at 8:37 pm

  • Copy link

  The link for the first picture is missing. Can you post that and we can take a look.