Hello everyone, I'm currently working on creating a webpage layout with a main container that will house all the content. Inside this container, I have an image covering a specific portion of it, a title positioned to the left, and text to the right.
However, I'm encountering some challenges when it comes to arranging the text in a specific layout. To give you an idea of what I'm aiming for, here is an example:
https://i.sstatic.net/KSyGR.png
And here is the image of my current progress:
https://i.sstatic.net/diX97.jpg
This is how the layout looks like in the WordPress back office of the webpage:
<div id="content">
[getImgTag name="servicos-Financeiro" class="imgresize"]
<b>Aconselhamento Financeiro</b>
<hr size="3" color="blue" width="190px" align="left">
</div>
These are the attributes assigned to the "content" id:
#content {
/*width: 750px;*/
height:80%;
margin: 0 auto;
text-align: left;
background-color: #ffffff;
overflow: auto;
}
I'm striving to replicate the same layout shown in the example, with a title on the left and accompanying text on the right. If you require any additional code snippets from me, please feel free to ask!