Why don't and elements respect max-width?

Name: Learn HTML Forms In 25 Minutes
Uploaded: 2022-09-16 08:53:50
Description: Why don't and elements respect max-width?The following HTML: <!DOCTYPE html> <style> span,textarea,div { border: 1px solid black; max-width:

Question

The following HTML:

<!DOCTYPE html>
<style>
span,textarea,div {
    border: 1px solid black;
    max-width: 300px;
    height: 20px;
}
</style>
<div></div><br>
<textarea></textarea><br>
<input type=text><br>

Renders the following in Chrome and FF.

enter image description here

Why isn't the <textarea> and the <input> as wide as the <div>?

David Hellsing · Accepted Answer

Most browsers respect max-width, but INPUT and TEXTAREA elements typically have a width set by default in the user agent CSS. You can add this CSS for a consistent rendering:

input,textarea{width:100%;display:block}

Why don't <textarea> and <input> elements respect max-width?

Tags:

html

css

HorseloverFat

Video Answer

1 Answers

David Hellsing

Recent Activity

Donate For Us