I'm creating a portfolio for myself and I'm trying to make the text straight like this link (in the about ) if you notice the text gets stuck in the first few paragraphs it looks like it was done with ruler, and those on my site are breaking lines like this:
Lorem ipsum dolor sit
amet, consectetur adipiscing elit.
Integer dolor lorem,
eudapibus. Mauris eget laoreet
augue, quis sodales dolor.
.tudo {
width: 30%;
background-color:#009;
}
.tudo img {
float: left;
}
.tudo p {
padding-left: 100px;
}
<div class="tudo">
<img src="http://multnix.com/stack/tags.png">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor lorem,
efficitur sed gravida sed, congue id magna. Vestibulum tincidunt eu sapien
eu dapibus. Mauris eget laoreet augue, quis sodales dolor.
</p>
</div>