How to stop text from overlapping CSS?


Tags: html,css,html5

Problem :

Im creating a website for college and Im not sure how to stop text from overlapping when I make the web browser smaller. This is what I mean:

(not overlapping) t

(overlapping) tt

Here is my jsfiddle: (http://jsfiddle.net/RC4Ar/)

.words {
font-family:apple;
font-size:20px;
max-width:800px;
height:190px;
margin-top:10px;
margin-left:42%;
}

Thanks in advance!



Solution :

Assuming you are adding the words class to the paragraph tags (without your html, we can only guess), you simply need to remove the height declaration.

.words {
font-family: apple;
font-size: 20px;
max-width: 800px;
margin-top: 10px;
margin-left: 42%; }

    CSS Howto..

    How to combine slide-in panels with sticky header?

    How to center element in css?

    how to apply ellipse effect in which contain space in string?

    How can I use a CSS3 transform on an element without stretching the text inside it?

    how to change css style for every second data (picture) from database?

    How can i make the opacity background in css?

    How to push floated element to below another floated element?

    How to make a horizontal div scroll bar float like a fixed CSS div

    How to add spacing between two span elements

    How to make divs re-arrange when another div is positioned between existing?

    How to wrap a DIV around a DIV with CSS

    CSS - How to achieve a mixed effect of “float left” and “text-align: center”?

    How to pin sidebar to the top of page but within its parent element using HTML/CSS only

    How to add html and css in public function? [closed]

    In CSS: how to specify the font you want as being BOTH monospace and sans-serif?

    How can i return a navmenu button to previous style after clicking another button

    How to style the NSString using CSS?

    How to adjust progress bar with Jquery?

    How can I get the seletced filename from file button?

    how to align button radio in css

    How to add a class to a menu item that has children

    Show a sentence with animation

    Can't figure out how to make a box with multiple images with CSS/HTML

    How can I use CSS to keep content in its own column?

    How to make an entire div clickable with CSS [closed]

    How to center social buttons in bootstrap login page?

    How to layout ASP.Net RadioButtons with Images?

    How to make a border in css that is actually on the very edges

    ExtJS - How to customize buttons?

    How to define the css :focus state in a jQuery selector?