cpp
/
RmlUi
mirror of https://github.com/mikke89/RmlUi.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							<rml>
<head>
	<title>Text-alignment property</title>
	<link type="text/rcss" href="../style.rcss"/>
	<meta name="Description" content="Text-alignment property for inputs."/>
	<style>
		body {
			background: #ddd;
			color: #444;
		}

		input.text, textarea {
			display: block;
			margin: 10dp auto;
			border: 2dp #999;
			padding: 5dp 10dp;
			box-sizing: border-box;
			width: 250dp;
			background-color: #fff;
		}
	</style>
</head>

<body>
<input style="text-align:left" value="left aligned"/>
<input style="text-align:center" value="center aligned"/>
<input style="text-align:right" value="right aligned"/>

<textarea style="text-align:left" rows="3">left aligned overflow overflow overflow overflow
line-break</textarea>
<textarea style="text-align:center" rows="3">center aligned overflow overflow overflow overflow
line-break</textarea>
<textarea style="text-align:right" rows="3">right aligned overflow overflow overflow overflow
line-break</textarea>

<textarea style="text-align:left" rows="3" wrap="nowrap">left aligned nowrap nowrap nowrap nowrap nowrap</textarea>
<textarea style="text-align:center" rows="3" wrap="nowrap">center aligned nowrap nowrap nowrap nowrap nowrap</textarea>
<textarea style="text-align:right" rows="3" wrap="nowrap">right aligned nowrap nowrap nowrap nowrap nowrap</textarea>

<textarea style="text-align:left" rows="1" wrap="nowrap">left
line-break</textarea>
<textarea style="text-align:center" rows="1" wrap="nowrap">center
line-break</textarea>
<textarea style="text-align:right" rows="1" wrap="nowrap">right
line-break</textarea>
</body>
</rml>