Hi, I'm creating an ebook and I have been editing it in the EPUB format, but for some reason, I'm getting extra spaces between words. The extra space is not around every word and some words it has a LOT of space, like 5 words take up a whole line.
Here is my HTML/CSS:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en">
<head>
<meta charset="UTF-8" />
<title>Introduction to Python and Programming Concepts</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<div class="section">
<h1 id="heading-5">What is an IDE and Installing Visual Studio Code</h1>
<p class="no-indent">An Integrated Development Environment (IDE) is a software application that provides a comprehensive set of tools for software development. Visual Studio Code (VS Code) is one such IDE that is free, open-source, and supports a variety of programming languages, including Python. You can download VS Code from the official website (<a href="https://code.visualstudio.com">https://code.visualstudio.com/</a>) and follow the instructions to install it on your system.</p>
</div>
Also.... this HTML is wrapped in a div with this:
.chapter-content {
page-break-after: auto;
page-break-before: auto;
text-align: justify;
text-indent: 1.5em
}
CSS Stylesheet:
p.no-indent {
text-indent: 0;
page-break-before: avoid;
break-before: avoid;
}
.section {
break-inside: avoid;
}
Thank you so much! I've been struggling trying everything.
Halin