Skip to content

Instantly share code, notes, and snippets.

@sounisi5011

sounisi5011/'『input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita』のサンプル

Last active February 19, 2016 00:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sounisi5011/d6094609fce64b618ba3 to your computer and use it in GitHub Desktop.
Save sounisi5011/d6094609fce64b618ba3 to your computer and use it in GitHub Desktop.
Download ZIP
『input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita』のサンプル
Raw
'『input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita』のサンプル
『input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita』のサンプル
Raw
index.html
<!DOCTYPE html>
<html lang=ja>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1.0">
<meta name=format-detection content="telephone=no,email=no,address=no">
<title>『input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita』のサンプル</title>
<link rel=stylesheet href=style.css>
<h1>『<a href=http://qiita.com/miiitaka/items/1fa84539a491d60ae0ff target=_blank>input要素のtext属性（他）の左内側の余白を空ける方法 - Qiita</a>』のサンプル</h1>
<p><input class=i1 value=aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa>
<p><input class=i2 value=aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa>
Raw
style.css
input {
display: block;
box-sizing: content-box;
}
.i1 {
padding: 0 0 0 2%;
width: 98%;
}
.i2 {
text-indent: 1em;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment